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  AC 9 months, 1 week ago.

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

    leoemery
    Participant
    Post count: 5

    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

    AC
    Blocked
    Post count: 7712

    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.

    #86045

    leoemery
    Participant
    Post count: 5

    Thank you very much!

    Leo

    #86065

    AC
    Blocked
    Post count: 7712

    You’re welcome.

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

You must be logged in to reply to this topic.