Change Font Size & Style for Post Titles

Community Forums Forums General Discussion Change Font Size & Style for Post Titles

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  Dina 10 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #76611

    Dina
    Member
    Post count: 14

    I would like to change the font size & style. I looked in the Stylesheet, but didn’t see it there.
    Not sure where else to look. Thanks.

    Dina

    #76629

    nutsandbolts
    Moderator
    Post count: 3141

    Here is a tutorial on using Firebug to find and change elements in your stylesheet: http://www.studiopress.com/tips/using-firebug.htm


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #76671

    Dina
    Member
    Post count: 14

    Thanks Andrea.

    Is the line of code that I need to change in the Stylesheet?

    #76672

    nutsandbolts
    Moderator
    Post count: 3141

    Yep. Anything to do with the way the site looks is in your style.css.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #76681

    Dina
    Member
    Post count: 14

    OK. Thanks Andrea.

    #76700

    Dina
    Member
    Post count: 14

    I’m using the Lifestlye theme.

    I looked at every line in the code, but I’m not sure which one needs to be changed.

    I also tried adding the following code at the end, but it didn’t change the size of the post title.

    .post-title {
    font-size: 20px;
    }

    Thanks.

    #76714

    nutsandbolts
    Moderator
    Post count: 3141

    What is the link to your site?


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #76737

    Dina
    Member
    Post count: 14

    Thank you very much for your help, Andrea.

    I finally fixed it!

    This is the section where I needed to make changes:

    /* Headlines
    ———————————————————— */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    color: #444;
    font-family: ‘Oswald’, arial, serif;
    font-size: 18px;
    margin: 0 0 10px;
    }

    h1,
    h2,
    h2 a,
    h2 a:visited {
    color: #509ac9;
    font-family: ‘Oswald’, arial, serif;
    font-size: 24px;
    line-height: 30px;
    }

    h2 a:hover {
    color: #444;
    text-decoration: none;
    }

    .home h2 a,
    .home h2 a:visited {
    font-size: 20px;
    line-height: 22px;
    }

    .page-template-page-portfolio-php h2 a,
    .page-template-page-portfolio-php h2 a:visited {
    font-size: 16px;
    line-height: 20px;
    }

    h3 {
    font-size: 20px;
    }

    .bbPress h2 {
    font-size: 20px;
    margin: 0 0 5px;
    }

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.