[courtney]

Hello, I am trying to modify the header fonts throughout my site (i.e., different fonts and sizes and colors for h1, h2, h3, etc.). By using the typography options native to the theme, I can only select one font, size, etc. I have attempted to add custom CSS to change the fonts to include a new Google font, but the changes don’t seem to have any effect on the display of my pages. Am I missing something?

Site is: http://cbd.6d4.myftpupload.com

[Theme Horse Support Team]

Hi Courtney,

Sorry for the delay.
Built in theme options typography settings implemented to all headers.
To change the font size/family/color for individual H1, H2, H3… you have to set it via custom CSS.
First Go to Appearance -> Theme Options/Customize -> Webmaster Tools -> Analytics
and paste your font script in the header script box which is given by font integrate service such as Google Web Fonts
Now integrate the font into your CSS Go to Appearance -> Customize/Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save button:

h1 {
    font-family: "Philosopher",sans-serif;
    font-size: 30px;
    line-height: normal;
    color: #555;
}

Change above individual value with the one you want to set for h1 and repeat same for h2, h2, h3…..

Thank you!

[Author]

Posts