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

#   How to make category listing transparent?

##

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

Less More

- Posts: 4
- Thank you received: 0
-
-

14 years 1 month ago [\#65693](#65693) by [olioneill](/forum/user/9527-olioneill "View olioneill's Profile")  *[How to make category listing transparent?](/forum/2-general-talk-about-hikashop/65693-how-to-make-category-listing-transparent#65693 "Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the...")* was created by *[olioneill](/forum/user/9527-olioneill "View olioneill's Profile")*

Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the options from the module, but think it may need doing in CSS, I don't have a clue which file I would need to edit or what to put?
Any help would be greatly appreciated.

[ www.whatsonforme.org.uk](http://www.whatsonforme.org.uk)

Thanks!!!!

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

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

Less More

- Posts: 13
- Thank you received: 0
-
-

14 years 1 month ago [\#65699](#65699) by [kooky](/forum/user/9253-kooky "View kooky's Profile")  Replied by *[kooky](/forum/user/9253-kooky "View kooky's Profile")* on topic *[Re: How to make category listing transparent?](/forum/2-general-talk-about-hikashop/65693-how-to-make-category-listing-transparent#65699 "Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the...")*

> olioneill wrote: Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the options from the module, but think it may need doing in CSS, I don't have a clue which file I would need to edit or what to put?
> Any help would be greatly appreciated.
>
> [ www.whatsonforme.org.uk](http://www.whatsonforme.org.uk)
>
> Thanks!!!!

Hi I've made my categories and products transparent by going to... &gt; hikashop &gt; display and in menu content (2nd choice) you will have to change in every menu you created the background color of box. You must leave this field empty.
The same thing you will have to do with the 3rd choice (modules) under display tab. Change every background of all modules and all Associated products listing for category listing menu items. Go inside all of them and change the backround color. Leave it blank.
Don't forget to do that first in the main menu System &gt; Configuration &gt; display &gt; options for DIV'S
I don't know if that helps.
Try it.

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

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

Less More

- Posts: 4
- Thank you received: 0
-
-

14 years 1 month ago [\#65711](#65711) by [olioneill](/forum/user/9527-olioneill "View olioneill's Profile")  Replied by *[olioneill](/forum/user/9527-olioneill "View olioneill's Profile")* on topic *[Re: How to make category listing transparent?](/forum/2-general-talk-about-hikashop/65693-how-to-make-category-listing-transparent#65711 "Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the...")*

Hi Kooky,

Thanks for your message.. I've changed them all but it hasn't made a difference ![:(](/media/kunena/emoticons/22.png ":(").
If I right click in Chrome and "Inspect Element" I can see the DIV tag for each part, I wonder if it could be as simple as changing each part of the table to transparent? But I don't know which CSS file it is stored in!

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

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

Less More

- Posts: 13
- Thank you received: 0
-
-

14 years 1 month ago [\#65715](#65715) by [kooky](/forum/user/9253-kooky "View kooky's Profile")  Replied by *[kooky](/forum/user/9253-kooky "View kooky's Profile")* on topic *[Re: How to make category listing transparent?](/forum/2-general-talk-about-hikashop/65693-how-to-make-category-listing-transparent#65715 "Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the...")*

> olioneill wrote: Hi Kooky,
>
> Thanks for your message.. I've changed them all but it hasn't made a difference ![:(](/media/kunena/emoticons/22.png ":(").
> If I right click in Chrome and "Inspect Element" I can see the DIV tag for each part, I wonder if it could be as simple as changing each part of the table to transparent? But I don't know which CSS file it is stored in!

So you changed all of them and made them as the attachment shows and you saw no difference?

- [ ![ScreenHunter&#95;22&#95;Sep&#95;&#95;17&#95;00&#95;40.gif](/forum/attachment/5774) ](/forum/attachment/5774 "...&#95;&#95;17&#95;00&#95;40.gif") [ ](/forum/attachment/5774?download=1 "...&#95;&#95;17&#95;00&#95;40.gif")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzY1NjkzLWhvdy10by1tYWtlLWNhdGVnb3J5LWxpc3RpbmctdHJhbnNwYXJlbnQ/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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86320
- Thank you received: 14279
-
-

14 years 1 month ago [\#65902](#65902) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How to make category listing transparent?](/forum/2-general-talk-about-hikashop/65693-how-to-make-category-listing-transparent#65902 "Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the...")*

Hi,

You can simply add that CSS in the front end CSS file of HikaShop via the Display tab of the configuration and that will remove all the backgrounds of listings:
div.hikashop_subcontainer {
background: none !important;
}

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

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

Less More

- Posts: 4
- Thank you received: 0
-
-

14 years 1 month ago [\#65913](#65913) by [olioneill](/forum/user/9527-olioneill "View olioneill's Profile")  Replied by *[olioneill](/forum/user/9527-olioneill "View olioneill's Profile")* on topic *[Re: How to make category listing transparent?](/forum/2-general-talk-about-hikashop/65693-how-to-make-category-listing-transparent#65913 "Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the...")*

Thanks Nicolas, can you please confirm which CSS file I need to add it to?

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

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

Less More

- Posts: 4
- Thank you received: 0
-
-

14 years 1 month ago [\#65914](#65914) by [olioneill](/forum/user/9527-olioneill "View olioneill's Profile")  Replied by *[olioneill](/forum/user/9527-olioneill "View olioneill's Profile")* on topic *[Re: How to make category listing transparent?](/forum/2-general-talk-about-hikashop/65693-how-to-make-category-listing-transparent#65914 "Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the...")*

Yes it looks the same as that, but no luck ![:(](/media/kunena/emoticons/22.png ":(")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzY1NjkzLWhvdy10by1tYWtlLWNhdGVnb3J5LWxpc3RpbmctdHJhbnNwYXJlbnQ/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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86320
- Thank you received: 14279
-
-

14 years 1 month ago [\#66059](#66059) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How to make category listing transparent?](/forum/2-general-talk-about-hikashop/65693-how-to-make-category-listing-transparent#66059 "Hi, I'm desperately trying to make both my product listing and category listings have a transparent background and can't find a way to do it... Can anybody help please? I have tried editing the...")*

I don't see that CSS code on your website.
Please make sure that you add that CSS in the front end CSS file of HikaShop via the Display tab of the configuration and that the "custom" file is selected and saved for that option.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzY1NjkzLWhvdy10by1tYWtlLWNhdGVnb3J5LWxpc3RpbmctdHJhbnNwYXJlbnQ/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.066 seconds

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

[](#top)
