[Skip to main content](#vessel-content)

#   Background color of product images grey

##

- **[mdraeger](/forum/user/30706-mdraeger "View mdraeger's Profile")**
- [![mdraeger's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30706-mdraeger "View mdraeger's Profile") Topic Author
- [ Offline](/forum/user/30706-mdraeger)

Less More

- Posts: 108
- Thank you received: 1
-
-

12 years 9 months ago [\#140832](#140832) by [mdraeger](/forum/user/30706-mdraeger "View mdraeger's Profile")  *[Background color of product images grey](/forum/25-install-update/865257-background-color-of-product-images-grey#140832 "Hi,  When viewing my summary of products from a category, all the primary images have a grey background. I have looked at the frontend css but cannot find the #DDDDDD. Where else can I change this? I also have the Item box background color set to #FFFFFF.  Any suggestions?  Martin")* was created by *[mdraeger](/forum/user/30706-mdraeger "View mdraeger's Profile")*

Hi,

When viewing my summary of products from a category, all the primary images have a grey background. I have looked at the frontend css but cannot find the #DDDDDD. Where else can I change this? I also have the Item box background color set to #FFFFFF.

Any suggestions?

Martin

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NTI1Ny1iYWNrZ3JvdW5kLWNvbG9yLW9mLXByb2R1Y3QtaW1hZ2VzLWdyZXk/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
-
-
-

12 years 9 months ago [\#140879](#140879) 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 *[Background color of product images grey](/forum/25-install-update/865257-background-color-of-product-images-grey#140879 "Hi,  When viewing my summary of products from a category, all the primary images have a grey background. I have looked at the frontend css but cannot find the #DDDDDD. Where else can I change this? I also have the Item box background color set to #FFFFFF.  Any suggestions?  Martin")*

Hi,
The solution will be to :
- Go to "*Hikashop-&gt;Display-&gt;Content menus*"
- Edit your category listing content menu
- Change the value of the "Item box background color" option of the associated module of your category listing content menu.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NTI1Ny1iYWNrZ3JvdW5kLWNvbG9yLW9mLXByb2R1Y3QtaW1hZ2VzLWdyZXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[mdraeger](/forum/user/30706-mdraeger "View mdraeger's Profile")**
- [![mdraeger's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30706-mdraeger "View mdraeger's Profile") Topic Author
- [ Offline](/forum/user/30706-mdraeger)

Less More

- Posts: 108
- Thank you received: 1
-
-

12 years 9 months ago [\#140927](#140927) by [mdraeger](/forum/user/30706-mdraeger "View mdraeger's Profile")  Replied by *[mdraeger](/forum/user/30706-mdraeger "View mdraeger's Profile")* on topic *[Background color of product images grey](/forum/25-install-update/865257-background-color-of-product-images-grey#140927 "Hi,  When viewing my summary of products from a category, all the primary images have a grey background. I have looked at the frontend css but cannot find the #DDDDDD. Where else can I change this? I also have the Item box background color set to #FFFFFF.  Any suggestions?  Martin")*

YEP, that did it thank you !

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NTI1Ny1iYWNrZ3JvdW5kLWNvbG9yLW9mLXByb2R1Y3QtaW1hZ2VzLWdyZXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[yahhr857](/forum/user/31713-yahhr857 "View yahhr857's Profile")**
- [![yahhr857's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31713-yahhr857 "View yahhr857's Profile")
- [ Offline](/forum/user/31713-yahhr857)

Less More

- Posts: 6
- Thank you received: 0
-
-

11 years 3 weeks ago -  11 years 3 weeks ago [\#216169](#216169) by [yahhr857](/forum/user/31713-yahhr857 "View yahhr857's Profile")  Replied by *[yahhr857](/forum/user/31713-yahhr857 "View yahhr857's Profile")* on topic *[Background color of product images grey](/forum/25-install-update/865257-background-color-of-product-images-grey#216169 "Hi,  When viewing my summary of products from a category, all the primary images have a grey background. I have looked at the frontend css but cannot find the #DDDDDD. Where else can I change this? I also have the Item box background color set to #FFFFFF.  Any suggestions?  Martin")*

How do we make the background of a thumbnail transparent? I have tried leaving it blank and typing in "transparent" and neither have worked. It is still a white background.

UPDATE: Never mind, I found the answer (in Configuration &gt; Main &gt; Images, set "Force Size" to No)
It does not, however, provide for a transparent background keeping the canvas size the same for thumbnails, which is what I want to do. I have rectangular images I am trying to fit into a square thumbnail to keep the item box size consistent. Is there a way to do that and I am missing it?

Last edit: 11 years 3 weeks ago by [yahhr857](/forum/user/31713-yahhr857 "View yahhr857's Profile"). Reason: adding information

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NTI1Ny1iYWNrZ3JvdW5kLWNvbG9yLW9mLXByb2R1Y3QtaW1hZ2VzLWdyZXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

11 years 3 weeks ago [\#216182](#216182) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Background color of product images grey](/forum/25-install-update/865257-background-color-of-product-images-grey#216182 "Hi,  When viewing my summary of products from a category, all the primary images have a grey background. I have looked at the frontend css but cannot find the #DDDDDD. Where else can I change this? I also have the Item box background color set to #FFFFFF.  Any suggestions?  Martin")*

Hi,

There is no system to do that.
The problem is that what you want is impossible to support in standard.
When you upload a PNG image, HikaShop generate the thumbnails in PNG.
When you upload a JPG image, HikaShop generate the thumbnails in JPG.
That way, you keep the pros and cons of each format for the thumbnails of the products.
PNG/GIF supports transparency but not JPG. So when the system has to add blank to a JPG thumbnails in order to force it to a certain size, it's not possible to use transparent.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NTI1Ny1iYWNrZ3JvdW5kLWNvbG9yLW9mLXByb2R1Y3QtaW1hZ2VzLWdyZXk/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; 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.407 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
