Modifying text color in Altitude Pro?

[RavenManiac]

I recently modified front-page-4 element in the Altitude Pro theme so the background is now blue. But how do I change the text color above the price blocks on that page from black to white, without affecting all of the other pages?

http://demo.studiopress.com/altitude/#front-page-4

[Victor Font]

The background I see is grey, not blue. Nevertheless, the following code will change the text color.

.front-page-4 {
color: #fff;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[RavenManiac]

Thanks Victor.

I seem to have a difficult time determine which elements I target. I'm currently using Safari's developer tools, but perhaps another web browser is more effective. Any suggestions?

[RavenManiac]

Unfortunately, targeting that element also changed the text in the three pricing blocks to white as well. Anyway to target all of the text except for what's in the white pricing blocks?

[Victor Font]

To limit the color change to the code above the table only add their selectors to the CSS like this:

.front-page-4 h4,
.front-page-4 h2 {
color: #fff;
}

Alternately, since you are using a text widget, you can wrap the upper text in a div and create your own class.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[RavenManiac]

Awesome! Thanks Victor. I really need to brush up on my CSS skills. 🙂

[Author]

Posts