Changing H2 style in Appsprotech template

Hello. I can't change h2 size. I'm making changes in file ../templates/gk_appsprotech/css/template.css

Code: Select all

h2,.componentheading {
   font-size: 12px;
   font-weight: 700;
}

Thus I have no problems in changing h1 and other header tags/

First thing - use override.css
Second thing - could You post an url to your site?

Please read first about adding custom CSS:
http://www.gavick.com/documentation/joo ... -template/

Here is the link, where you can see h2 in category blog http://tennis-group.ru/articles-library/teoriya-tennisa. I tried to change h2 in override.css as you posted.
For example:

Code: Select all

h2
{
font-size: 12px;
}

But nothing happened.

Well it works, but You need to know one thing about css - try firebug/google chrome developer toolkit and check what declaration is used specify for element. If You declare:

Code: Select all

h2 {
font-size: 10px;
}


but somewhere in the scripts there is a declaration:

Code: Select all

#k2Container h2 {
font-size: 56px;
}


the second one has more weight (is more specific) and will be used. So in your override css You need to place that specific declaration to override it.