Change font for page title

resolved (9 posts) (2 voices)

  1. peoplesfoodcoop

    How can I change the font for the page titles throughout the site? (About us, Store, Cafe, etc.)

    I thought they were h1s and that by assigning h1s as a certain font through the GoogleFonts plugin, I would be able to make this change but it's not working on the page titles. If I create a custom skin, there aren't many fonts available – only system fonts.

    Posted 3 years ago #
  2. Elliott

    Hello peoplesfoodcoop,

    Add this to your custom CSS,

    .intro_title span { color: red !important; }

    Posted 3 years ago #
  3. peoplesfoodcoop

    Thanks for the reply. I added that line to my custom CC on the Elegance>General Settings page. Now the intro titles are just red. How/where do I actually specify that I'd like the title in, say, Roboto Condensed, at 36px?

    Also, where can I change the font/formatting for the teaser?


    Posted 3 years ago #
  4. Elliott

    Deactivate Cufon in Dashboard -> your theme -> General Settings and then use this CSS,

    .intro_title span { font-family: Roboto Condensed !important; font-size: 36px !important; }

    Posted 3 years ago #
  5. peoplesfoodcoop

    Thank you but it's still not quite working. I've disabled Cufon and I'm not using the Google Fonts plugin in case it interferes, but I'm still seeing the same font for the intro titles that's in the demo (Open Sans?)

    Posted 3 years ago #
  6. Elliott

    So your not wanting to use the Google Fonts plugin? What exactly are you trying to do?

    Take a screenshot and highlight what's going on so we can get a better idea.

    Posted 3 years ago #
  7. peoplesfoodcoop

    Thanks. I do want to use the Google Fonts plugin to change the fonts universally and I think I've figured it out using custom CSS and Additional Headers. The only thing I'm having trouble figuring out is changing the font to Roboto Slab for the main navigation and drop-down menus.

    Attached are screen shots of Elegance>General Settings and the Google Font Control Panel.


    1. Screen_Shot_2014-03-14_at_10.33.33_AM..png (96 KB, 0 downloads) 3 years old
    2. Screen_Shot_2014-03-14_at_10.33.11_AM..png (94.7 KB, 4 downloads) 3 years old
    Posted 3 years ago #
  8. Elliott

    You can use this CSS for the menus,

    #primary_menu, #primary_menu a, .sub-menu, .sub-menu a { }

    Posted 3 years ago #
  9. peoplesfoodcoop

    Awesome, thank you!

    Posted 3 years ago #


You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme