Reduce Title Font on Pages

Community Forums Forums General Discussion Reduce Title Font on Pages

This topic is: not resolved

This topic contains 6 replies, has 3 voices, and was last updated by  ramseyp 2 years ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #5736

    beoleary1
    Participant
    Post count: 51

    How do I globally reduce the font size of the title that appears on each Page posting in the Executive theme?

    #5751

    Len
    Participant
    Post count: 54

    Hi beoleary1

    Look in the style sheet for this …

    h1,
    h2,
    h2 a,
    h2 a:visited {
    clear: both;
    font-size: 42px;
    margin: 0 0 20px;
    }


    #5753

    ramseyp
    Participant
    Post count: 99

    Just Pages? Or single Posts?

    If you want the title of a Page to be 24px, for example, you can edit your style.css to include this line:

    .page .entry-title { font-size: 24px; }

    Genesis uses the class “entry-title” for the titles of Pages &  Posts. The class “page” is part of the body tag’s classes when you’re on a page, so joining them like I did means “any tag with the class of ‘entry-title’ inside a tag (body) with the class ‘page’ should have its font-size set to 24px”.


    #5825

    beoleary1
    Participant
    Post count: 51

    I could not find any of the referenced code.  Here is a snippet from Executive:
    h1,
    h2,
    h2 a,
    h2 a:visited,
    h3,
    h4,
    h5,
    h6 {
    color: #333;
    font-family: ‘Open Sans’, sans-serif;
    font-weight: bold;
    line-height: 1.25;
    margin: 0 0 10px;
    }

    h1,
    h2,
    h2 a,
    h2 a:visited {
    clear: both;
    font-size: 42px;
    margin: 0 0 20px;
    }

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

    .executive-home .home-middle h2 a,
    .post-type-archive-portfolio h2 a,
    .taxonomy-description h1,
    .widget-area h4 {
    font-size: 16px;
    text-transform: uppercase;
    }

    .sidebar h2 a,
    .sidebar h2 a:hover {
    font-size: 16px;
    }

    h3 {
    font-size: 36px;
    }

    #comments h3,
    #respond h3 {
    font-size: 30px;
    }

    h4,
    .executive-home .home-cta h4 {
    font-size: 24px;

    #5828

    ramseyp
    Participant
    Post count: 99

    Howdy,

    You would add that line I posted earlier, not edit an existing bit of CSS.

     


    #5921

    beoleary1
    Participant
    Post count: 51

    perfect, thank you

    #6065

    ramseyp
    Participant
    Post count: 99

    You’re welcome! Glad it worked.


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

The topic ‘Reduce Title Font on Pages’ is closed to new replies.