Having trouble changing title size of posts in css

Community Forums Forums General Discussion Having trouble changing title size of posts in css

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  anitac 6 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #85940

    leoemery
    Participant
    Post count: 4

    I did send in a support ticket and id get a reply from Jennifer regarding how to change the size of the titles of my posts – how ever when I make the change as described nothing happens. the section of code I was shown to make the change is below.

    I was told that I could adjust the font size for the .entry-title only by modifying the last one, or change h1 and h2 generally by modifying the first one.

    I tried several changes and nothing changed. My goal here is to have a smaller title so that I can have a h1 headline and take advantage of the SEO benefits of an h1 tag. And from a design point of view I don’t want two large blocks of text – being the title and headline to the post

    Thanks in advance
    Leo

    h1, h2, h2 a, h2 a:visited {
    color: #222222;
    font-family: ‘Helvetica Neue’,Arial,Tahoma,sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 48px;
    text-decoration: none !important;
    }

    h1.entry-title, h2.entry-title {
    border-left: 8px solid #222222;
    display: block;
    margin: 0 0 30px -40px;
    padding: 10px 0 4px 33px;
    }

    http:// www.netwiseprofits.com
    #85946

    anitac
    Participant
    Post count: 6992

    I don’t understand what this means at all:

    I was told that I could adjust the font size for the .entry-title only by modifying the last one, or change h1 and h2 generally by modifying the first one.

    But, in this code:

    h1, h2, h2 a, h2 a:visited {
    color: #222222;
    font-family: ‘Helvetica Neue’,Arial,Tahoma,sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 48px;
    text-decoration: none !important;
    }

    You would break it out some what like this. If you want H1 to remain 30px and h2 to be smaller – then do this:

    h1 {
    color: #222222;
    font-family: ‘Helvetica Neue’,Arial,Tahoma,sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 48px;
    text-decoration: none !important;
    }
    h2, h2 a, h2 a:visited {
    color: #222222;
    font-family: ‘Helvetica Neue’,Arial,Tahoma,sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 48px;
    text-decoration: none !important;
    }

    I left H1 at 30px and changed H2 to 15px. Still keeping all of the other attributes. This way if you want to change the color of the H2 font, you can do that, or change the font-family, etc.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #86045

    leoemery
    Participant
    Post count: 4

    Thank you very much!

    Leo

    #86065

    anitac
    Participant
    Post count: 6992

    You’re welcome.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

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

You must be logged in to reply to this topic.