[Skip to main content](#vessel-content) # Change template ## - **[LAS\_VEGAS](/forum/user/329-las-vegas "View LAS_VEGAS's Profile")** - [![LAS_VEGAS's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/329-las-vegas "View LAS_VEGAS's Profile") Topic Author - [ Offline](/forum/user/329-las-vegas) Less More - Posts: 12 - Thank you received: 0 - - 15 years 11 months ago [\#1892](#1892) by [LAS\_VEGAS](/forum/user/329-las-vegas "View LAS_VEGAS's Profile") *[Change template](/forum/4-how-to/1892-change-template#1892 "If I open a product category page with my browser and check the source code of the page I see this code in the source. I want to change this background color, and I checked the css file in \components\com_hikashop\css\ but I cannot find this definition. How can I change this?")* was created by *[LAS\_VEGAS](/forum/user/329-las-vegas "View LAS_VEGAS's Profile")* Code: \#hikashop_category_information_menu_2 div.hikashop_subcontainer { background:#CCCCCC; } If I open a product category page with my browser and check the source code of the page I see this code in the source. I want to change this background color, and I checked the css file in \components\com_hikashop\css\ but I cannot find this definition. How can I change this? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4OTItY2hhbmdlLXRlbXBsYXRlP3RtcGw9bWFya2Rvd24=) 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") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86359 - Thank you received: 14294 - - 15 years 11 months ago [\#1897](#1897) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change template](/forum/4-how-to/1892-change-template#1897 "If I open a product category page with my browser and check the source code of the page I see this code in the source. I want to change this background color, and I checked the css file in \components\com_hikashop\css\ but I cannot find this definition. How can I change this?")* The color can be changed in the HikaShop options of your module/menu. When you edit a joomla menu/module for products of categories listing, on the right of the screen, you will have a link to the HikaShop options. There, on the right, you will have a color chooser. That's why it's not in the CSS. It's defined dynamically so that users can easily set it without diving into the CSS. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4OTItY2hhbmdlLXRlbXBsYXRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[LAS\_VEGAS](/forum/user/329-las-vegas "View LAS_VEGAS's Profile")** - [![LAS_VEGAS's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/329-las-vegas "View LAS_VEGAS's Profile") Topic Author - [ Offline](/forum/user/329-las-vegas) Less More - Posts: 12 - Thank you received: 0 - - 15 years 11 months ago [\#1898](#1898) by [LAS\_VEGAS](/forum/user/329-las-vegas "View LAS_VEGAS's Profile") Replied by *[LAS\_VEGAS](/forum/user/329-las-vegas "View LAS_VEGAS's Profile")* on topic *[Re: Change template](/forum/4-how-to/1892-change-template#1898 "If I open a product category page with my browser and check the source code of the page I see this code in the source. I want to change this background color, and I checked the css file in \components\com_hikashop\css\ but I cannot find this definition. How can I change this?")* Thanks for the super fast reply ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4OTItY2hhbmdlLXRlbXBsYXRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[FranksBank](/forum/user/6002-franksbank "View FranksBank's Profile")** - [![FranksBank's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6002.png)](/forum/user/6002-franksbank "View FranksBank's Profile") - [ Offline](/forum/user/6002-franksbank) Less More - Posts: 21 - Thank you received: 0 - - 14 years 8 months ago [\#40461](#40461) by [FranksBank](/forum/user/6002-franksbank "View FranksBank's Profile") Replied by *[FranksBank](/forum/user/6002-franksbank "View FranksBank's Profile")* on topic *[Re: Change template](/forum/4-how-to/1892-change-template#40461 "If I open a product category page with my browser and check the source code of the page I see this code in the source. I want to change this background color, and I checked the css file in \components\com_hikashop\css\ but I cannot find this definition. How can I change this?")* I'm really struggling with this. I have a 'test product' that I want to play with in terms of styling, and so far have been able to do so to a certain extent by adding to my template.css. I can adjust the border, padding, etc. of 'hikashop_subcontainer' but can't seem to adjust the 'background-color'. It would be great to be able to do so, as then I can really easily tweak the style throughout the site during development and after. It seems the template.css is being overpowered by something else though, for that particular element. Having rummaged for answers I've come across several seemingly potential ways of changing the colour, but nothing so far has worked. At the moment, I have a category link from a menu item that brings up my test product as a single item in the category. I can then click on it to take me to the item description but it's the former styling I want to change. I've been into the menu item and on to Hikashop Options; changed the color in there but nothing happens. I'm sure I've read somewhere that some of these changes are only applicable to new product entries and anything already in place needs adjusting one piece at a time. If that's the case, I'd hate to have 1500 products and the need to change the look of the site! I'm quite sure I must have that wrong though. As you may gather I'm not entirely sure of what I'm doing; Hikashop being very new to me. So, I apologise for my rambling confusement and hope some 'Hikashop for Dummies' tips might appear here shortly ![:)](/media/kunena/emoticons/3.png ":)") Cheers, Frank Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4OTItY2hhbmdlLXRlbXBsYXRlP3RtcGw9bWFya2Rvd24=) 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") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86359 - Thank you received: 14294 - - 14 years 8 months ago [\#40636](#40636) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change template](/forum/4-how-to/1892-change-template#40636 "If I open a product category page with my browser and check the source code of the page I see this code in the source. I want to change this background color, and I checked the css file in \components\com_hikashop\css\ but I cannot find this definition. How can I change this?")* The background color can be configured in the hikashop options of your menu/module. You don't need to use CSS for that. If you don't see any changes, it's because you're not editing the correct menu/module. In that case, try to change all of them via the menu Display->Content modules/menus. If however you still want to use CSS for that, you need to do like that: .hikashop_subcontainer{ background-color: red !important; } The !important will override the CSS of that background option of your menus/modules. The following user(s) said Thank You: [FranksBank](/forum/user/6002-franksbank "View FranksBank's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4OTItY2hhbmdlLXRlbXBsYXRlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[FranksBank](/forum/user/6002-franksbank "View FranksBank's Profile")** - [![FranksBank's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6002.png)](/forum/user/6002-franksbank "View FranksBank's Profile") - [ Offline](/forum/user/6002-franksbank) Less More - Posts: 21 - Thank you received: 0 - - 14 years 8 months ago [\#40665](#40665) by [FranksBank](/forum/user/6002-franksbank "View FranksBank's Profile") Replied by *[FranksBank](/forum/user/6002-franksbank "View FranksBank's Profile")* on topic *[Re: Change template](/forum/4-how-to/1892-change-template#40665 "If I open a product category page with my browser and check the source code of the page I see this code in the source. I want to change this background color, and I checked the css file in \components\com_hikashop\css\ but I cannot find this definition. How can I change this?")* Thanks Nicolas, I think I've got my head around it now. I wasn't aware of the !important tag in CSS so that's proven very useful (it means I can use background images for product listings); always good to learn something new every day ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE4OTItY2hhbmdlLXRlbXBsYXRlP3RtcGw9bWFya2Rvd24=) 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.061 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)