Jump to content
Sign in to follow this  
angiek

Customize all Text Headers Colors

Recommended Posts

angiek    1
angiek

Is there a way to customize all the Text Headers (h1, h2, h3, etc) so each time the code is used, the header is the same color (other than black) across the entire website? And, is there a way to specify each header as its own color? Meaning, I want all "h1" headers to be #007dc5 and all "h2" headers to be a different color, etc...

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

You can set each header color if they are the same using the typography settings in Pagelines>site options>typography>text headers. There's a panel for the headers to be set to one particular color.

 

Using css you'll be able to specify each header title and amend the title separately. But it will be a manual process for each, you won't be able to set the automatically to alternate colors etc.

 

An example would be .section-you want to target .h2 {color: #000000;}

 

.section-boxes .fboxtitle h3 {color: #000000;}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
angiek    1
angiek

Thank you for your response, James. I have attached a screenshot of my Pagelines>site options>typography>text headers screen. There isn't any area for changing color, that I can see. Can you give me further instructions?

 

 

[attachment=1159:Screen Shot 2013-06-24 at 5.04.19 PM.png]

 

Share this post


Link to post
Share on other sites
Rob    547
Rob

You're correct, there are no settings. 

 

Color, size, and other typography controls are considered so extensively variable that the best way to adjust them has been determined to be customized CSS.  If you have Firebug for Firefox or use Chrome's Inspection Tools, you can adjust almost any snippet of text as desired with CSS.

 

As James pointed out an example of CSS above, you can place code in Dashboard > PageLines > Site Options > Custom Code to control the dynamics of your text. This link will give you some examples of CSS that may help you: http://www.w3schools.com/css/css_text.asp

 

If you need additional assistance, we'll be happy to guide you. Please let us know.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×