Change the font size for site header

  • I want to show the site header and the accompanying tag in a larger and bolder print. How do I do that?

    The size in header 1right now. Perhaps it would look larger if it was in bold?

    The blog I need help with is: (visible only to logged in users)

  • Hi smmartsevent,

    To do this you would need to purchase the Custom Design product add-on. This allows you to edit the the look of the theme by putting your own css code in place.
    http://en.support.wordpress.com/custom-design/

    You can even start with a preview to make sure it will do what you want.
    You can test with this code which I think should do what you are looking for.

    header#masthead h1.site-title {
        font-weight: bold;
        font-size: 36px;
    }
    header#masthead h2.site-description {
        font-weight: bold;
    }

    Hope this helps.

  • thank you. This worked beautifully.

    I have the custom design add on.

    I do have two other questions.

    Is there a way to italicize the word “undercover” (or any particular word in the title or tag line?

    Is there a way to increase the font size of the tag line? I tried to use the language you had for the title (font-size: 36px;) but that didn’t do anything.

  • Excellent glad that worked.
    To the best of my knowledge there would not be a way to italicize just one word in the title or tag. It would be an all or nothing type thing.

    What you are saying should work to increase the size of the tag line.

    header#masthead h1.site-title {
        font-weight: bold;
        font-size: 36px;
    }
    header#masthead h2.site-description {
        font-weight: bold;
        font-size: 34px;
    }

    That would make both title and tag bold, the title 36px and the tag 34px.

    Let me know if that works.

  • Perfect. Thank you. My questions are answered.

  • The topic ‘Change the font size for site header’ is closed to new replies.