Need help How to control H2 tags in Altitude Pro

[FreshCreative]

I am using Studio Press Altitude Pro theme. It utilizes 7 different Front page Widget Areas. They show up as... div id front-page-1 class front-page-1 , etc, etc.
I can't figure out how to create CSS rule to independently style each H2. I need to be able to change font size, color of H2s in each section. I also need to be able to change the background color of the front-page-1 section without changing all the other white solid-section backgrounds.
I tried all sorts of combinations of div, class,tag identifiers and can't get it to target the H2s. Is it because this theme uses Javascript for the layout? It just does not seem to be obeying normal CSS methods.
For example, in the demo site's original CSS at line 270 is this rule but it is NOT taking effect.
.front-page-2.solid-section h2 {
font-size: 48px;
}
If you inspect the H2 in section 2, you will see it is not 48px but 80px. So the Demo theme does not seem to obey line 270 css rule of 48px H2.
Thanks for any help.

http://my.studiopress.com/themes/altitude/#demo-full

[Dhishna]

Hi there,

Have you tried using !important to override the CSS? It would look something like this

.front-page-2 .solid-section h2 {
	font-size: fontsizeyouwant !important;
}

---

Recommended WordPress Themes & Plugins, Genesis Development

[Author]

Posts