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

How do I change font size of h1,h2,h3 tags

by aniketsrivastava
6 replies
  • WEB DESIGN
    • |
Hi ,

I want to change font size of my h1,h2,h3 tags etc in wordpress.
Searched through google and modified the font size but still it the font size remains the same on my site.

In the editor I went to Visual Editor Stylesheet (editor-style.css) page and found these in the code

h1 {
font-size: 2.4em;
margin: 1em 0 0.3em;
}

h2 {
font-size: 1.7em;
margin: 1em 0 0.3em;
}

h3 {
font-size: 1.4em;
margin: 1em 0 0.3em;
}

I modified the font size to reduce it for e.g for h2 i changed it to
font-size: 1.1em; instead of font-size: 1.7em; but still the h2 tags are of same size on the site.

what could be the issue?
#change #font #size #tags
  • Profile picture of the author imsolutionsgroup
    After you make the changes, try viewing your website in a different browser... or clear your cookies/cache.
    Signature
    {{ DiscussionBoard.errors[10059176].message }}
  • Profile picture of the author WPThemeGuru
    it is difficult to tell you in this way. Just show your website then i would help you in a better way. May be you are modifying the wrong file. H2 tag means you are modifying all h2 tags on your website. But if in a content section let say have a h2 tag may be have a different precedence.

    example 1:
    h2{font-size:1.1em;}
    example 2:
    .content h2{font-size:1.4em;}
    Then in content class all h2 tags follow the 2nd rule not the one.
    {{ DiscussionBoard.errors[10059184].message }}
  • Profile picture of the author Leon William
    Instead of em try with px(for ex: 1.1em as 10 px). Then clear browser cookies and check the website.
    Signature
    Small business web design services | Web development company
    {{ DiscussionBoard.errors[10070109].message }}
  • Profile picture of the author ReneMadmanGlasow
    Saved it after modifying?
    {{ DiscussionBoard.errors[10086223].message }}
  • Profile picture of the author zeyfah
    save and refresh page with ctrl+f5 (windows)
    Signature
    Building Your Online Brand - Blog Articles
    {{ DiscussionBoard.errors[10086347].message }}
  • Profile picture of the author ChrisNosal
    Banned
    Check what you're actually editing, I found them some of my sites where I thought I was editing the header tags, and I were sure they were in a certain place, they would actually be things coming up, like, for example, one of them would be for a mobile site instead of a desktop site, and other ones would impact to only certain headers on certain random, sometimes even obscure parts of the site.

    If you look around your file, you'll notice there's many, many places where had her tags are listed, and they operate in many different places, and on many different devices.
    {{ DiscussionBoard.errors[10086353].message }}

Trending Topics