News:

Looking for documentation? Take a look on our wiki

Main Menu

Category font not being overwritten with theme

Started by MaritimeLobsterExpress, October 21, 2013, 22:20:14 PM

Previous topic - Next topic

MaritimeLobsterExpress

I am using a custom 2.5 Joomla template and the Shoplicious Virtuemart 2  Theme.  One thing I can't understand is why my categories are using the font from my template. I used firefox to narrow this down and it appears that the only place I can change them is in the Joomla template.css file. This seems strange to me that there would not be a lower level file that I could use so that it doesn't affect my overall template. There is even a default category font in the theme but it is not picking it up.  When I try to change that with firefly it has no impact.  I'm just trying to understand the reasoning behind this. I'm sure i'm missing something. How do you suggest I change category fonts at the virtuemart level? Any insite into this would be greatly appreciated. I have a medium grasp of Joomla and Virtuemart as this is my second site  using this platform.

MaritimeLobsterExpress

Sorry I was wrong. It doesn't appear that there is a default font in the virtumart theme. It uses h2 from the template. So everything is working as it is supposed to. I'm just wondering how I can change the fonts? I guess this is where I start using overrides? Was hoping to not have to do that.

sfinx

Get your self a Firefox plugin /Web developer. It is essential tool for every template developing.
With it, you will be able to check style for your category headings etc.
It all depends on template you are using, but in my case it is: .product-list h1

In general you can make custom styles for every page. Just add apropriate  Class Suffix to menu item.  Open menu item you want to style page in and you have that in Page display options - Page Class

You can than make style:  _test and than you will have to add all styles with_test in your template CSS like this: .blog .items-leading article_test h2, .blog .item_test h2, .blog_test h2......

hope that helps.