7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Changing Fonts On Wordpress

by andynathan
5 replies
  • WEB DESIGN
    • |
This has been killing me for the past few days and I can not figure it out.

I am using a Graphene theme for a site. The challenge is that the font sizes are not changing when I use different styles. (Header 1, Header 2, Paragraph, etc) Does anyone know how to change that, because I have been through the CSS and can not find anything.

Any help would be greatly appreciated. Thanks!
#changing #fonts #wordpress
  • Profile picture of the author pjCheviot
    Banned
    Either here . .

    How to change the font size of the page titles? « khairul-syahir.com Forum

    or the Graphene Support Forum may help.
    {{ DiscussionBoard.errors[4708616].message }}
    • Profile picture of the author Newman8r
      there may be multiple css files

      I use the developer tools in chrome, just right click on the text in question and click 'inspect element'

      it will tell you which css file and which line the rule is being pulled from, then you can go in directly and modify it. Also, it could be inline CSS although that's uncommon for most WP themes
      {{ DiscussionBoard.errors[4709920].message }}
      • Profile picture of the author ronc0011
        Another method is to create custom classes in the style.css file
        {{ DiscussionBoard.errors[4712433].message }}
  • Profile picture of the author adammck
    I had a problem with my navigation menu font once, it was being pulled for a java file and i had to edit it in there. I doubt it's the same, but worth a peak
    {{ DiscussionBoard.errors[4713105].message }}
    • Profile picture of the author Harry Spencer
      You will need to specify the font for each header or element that needs to use a different font. You will also need to important the font, I tend to use Google Web Fonts there are dozens to choose from.

      The CSS code should look something like, let me know if you have further problems and send me a link I'd me more than happy to take a look for you.

      Import code

      Code:
      @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bold);
      Font code for each header

      Code:
      h1 {
    font-size: 3.2em;
    font-family: 'Yanone Kaffeesatz', 'Trebuchet MS', arial, sans-serif;
}
h2 {
    font-size: 2.8em;
    font-family: 'Trebuchet MS', arial, sans-serif;
      Signature

      Follow me on Twitter and My Blog
      200 FREE Sources of Stock Photos, Images, Backgrounds and Textures Free PDF no opt-in
      Download My Training Call With Lee McIntyre Over 70 Minutes Of Juicy Internet Marketing Content FREE

      {{ DiscussionBoard.errors[4716215].message }}

Trending Topics