Change template

  • Posts: 12
  • Thank you received: 0
14 years 2 months ago #1892 

#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 or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13416
  • MODERATOR
14 years 2 months ago #1897

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 or Create an account to join the conversation.

  • Posts: 12
  • Thank you received: 0
14 years 2 months ago #1898

Thanks for the super fast reply :)

Please Log in or Create an account to join the conversation.

  • Posts: 21
  • Thank you received: 0
12 years 11 months ago #40461

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 :)

Cheers,
Frank

Please Log in or Create an account to join the conversation.

  • Posts: 83103
  • Thank you received: 13416
  • MODERATOR
12 years 10 months ago #40636

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

Please Log in or Create an account to join the conversation.

  • Posts: 21
  • Thank you received: 0
12 years 10 months ago #40665

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 :)

Please Log in or Create an account to join the conversation.

Time to create page: 0.071 seconds
Powered by Kunena Forum