[Skip to main content](#vessel-content) # \[SOLVED\] Change white background of product image displays ## - **[Arthammer DE](/forum/user/50439-arthammer-de "View Arthammer DE's Profile")** - [![Arthammer DE's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/50439-arthammer-de "View Arthammer DE's Profile") Topic Author - [ Offline](/forum/user/50439-arthammer-de) Less More - Posts: 1 - Thank you received: 0 - - 9 years 4 months ago - 9 years 4 months ago [\#270592](#270592) by [Arthammer DE](/forum/user/50439-arthammer-de "View Arthammer DE's Profile") *[\[SOLVED\] Change white background of product image displays](/forum/26-product-category-display/890449-solved-change-white-background-of-product-image-displays#270592 "[SOLVED!!!] Add following code to frontend_default.css (located in root/media/com_hikashop/css line 665: background-color: #000 !important; (changes Background of images from white to black) Add new code to same file (i.e. at the end of file) div.hikashop_subcontainer { background-color: #000 !important; } This changes the white boxes to black. Simply put in the color you need. Yes - probably not the right way. And will be gone after the next update. But quick and dirty. And working.")* was created by *[Arthammer DE](/forum/user/50439-arthammer-de "View Arthammer DE's Profile")* [SOLVED!!!] Add following code to frontend_default.css (located in root/media/com_hikashop/css line 665: background-color: #000 !important; (changes Background of images from white to black) Add new code to same file (i.e. at the end of file) div.hikashop_subcontainer { background-color: #000 !important; } This changes the white boxes to black. Simply put in the color you need. Yes - probably not the right way. And will be gone after the next update. But quick and dirty. And working. Last edit: 9 years 4 months ago by [Arthammer DE](/forum/user/50439-arthammer-de "View Arthammer DE's Profile"). Reason: Solved. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTA0NDktc29sdmVkLWNoYW5nZS13aGl0ZS1iYWNrZ3JvdW5kLW9mLXByb2R1Y3QtaW1hZ2UtZGlzcGxheXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 9 years 4 months ago [\#270596](#270596) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[\[SOLVED\] Change white background of product image displays](/forum/26-product-category-display/890449-solved-change-white-background-of-product-image-displays#270596 "[SOLVED!!!] Add following code to frontend_default.css (located in root/media/com_hikashop/css line 665: background-color: #000 !important; (changes Background of images from white to black) Add new code to same file (i.e. at the end of file) div.hikashop_subcontainer { background-color: #000 !important; } This changes the white boxes to black. Simply put in the color you need. Yes - probably not the right way. And will be gone after the next update. But quick and dirty. And working.")* Hello, If you want to edit the HikaShop CSS ; it's best to use the corresponding interfaces so you will create "overrides" which will be kept with updates. [ www.hikashop.com/support/documentation/1...the-display.html#css](https://www.hikashop.com/support/documentation/153-customize-the-display.html#css) Afterwards, when the "force size" setting is activated, then white stripes can be added to the images when HikaShop resize the images. When that setting is turned off, HikaShop doesn't add these stripes. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTA0NDktc29sdmVkLWNoYW5nZS13aGl0ZS1iYWNrZ3JvdW5kLW9mLXByb2R1Y3QtaW1hZ2UtZGlzcGxheXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[cesarlab69](/forum/user/7417-cesarlab69 "View cesarlab69's Profile")** - [![cesarlab69's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar7417.jpg)](/forum/user/7417-cesarlab69 "View cesarlab69's Profile") - [ Offline](/forum/user/7417-cesarlab69) Less More - Posts: 21 - Thank you received: 0 - - [](http://cesarlabadia.com) - 9 years 3 months ago [\#273862](#273862) by [cesarlab69](/forum/user/7417-cesarlab69 "View cesarlab69's Profile") Replied by *[cesarlab69](/forum/user/7417-cesarlab69 "View cesarlab69's Profile")* on topic *[\[SOLVED\] Change white background of product image displays](/forum/26-product-category-display/890449-solved-change-white-background-of-product-image-displays#273862 "[SOLVED!!!] Add following code to frontend_default.css (located in root/media/com_hikashop/css line 665: background-color: #000 !important; (changes Background of images from white to black) Add new code to same file (i.e. at the end of file) div.hikashop_subcontainer { background-color: #000 !important; } This changes the white boxes to black. Simply put in the color you need. Yes - probably not the right way. And will be gone after the next update. But quick and dirty. And working.")* But if I need the white stripe in black color when I force image dimension, How I do this?? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTA0NDktc29sdmVkLWNoYW5nZS13aGl0ZS1iYWNrZ3JvdW5kLW9mLXByb2R1Y3QtaW1hZ2UtZGlzcGxheXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 9 years 3 months ago [\#273871](#273871) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[\[SOLVED\] Change white background of product image displays](/forum/26-product-category-display/890449-solved-change-white-background-of-product-image-displays#273871 "[SOLVED!!!] Add following code to frontend_default.css (located in root/media/com_hikashop/css line 665: background-color: #000 !important; (changes Background of images from white to black) Add new code to same file (i.e. at the end of file) div.hikashop_subcontainer { background-color: #000 !important; } This changes the white boxes to black. Simply put in the color you need. Yes - probably not the right way. And will be gone after the next update. But quick and dirty. And working.")* Hello, Then in that case, the best solution will probably be to directly use CSS code customization : [ www.hikashop.com/support/documentation/1...the-display.html#css](https://www.hikashop.com/support/documentation/153-customize-the-display.html#css) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTA0NDktc29sdmVkLWNoYW5nZS13aGl0ZS1iYWNrZ3JvdW5kLW9mLXByb2R1Y3QtaW1hZ2UtZGlzcGxheXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.179 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)