Focus theme – change header size and font in menu

Community Forums Forums Design Tips and Tricks Focus theme – change header size and font in menu

This topic is: resolved

Tagged: , , ,

This topic contains 7 replies, has 3 voices, and was last updated by  Cori 1 year, 4 months ago.

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

    Cori
    Participant
    Post count: 14

    Hello, I have two questions :) I have the focus theme and like the font of post titles, and want to use that font in the menu – is there an easy way to do this? I also want to make the header height larger, around 225 pixels. Is there an easy way to do this as well? Thank you for your help!

    #30912

    Susan
    Moderator
    Post count: 8729

    To change the header size, look for this in your functions.php file:

    [php]
    /** Add support for custom header */
    add_theme_support( ‘genesis-custom-header’, array( ‘width’ => 1060, ‘height’ => 120 ) );
    [/php]
    Adjust for the size header you would like to upload.

    To change the font size of post titles, look for this in your stylesheet:

    [css]
    h2,
    h2 a,
    h2 a:visited {
    font-size: 42px;
    }
    [/css]

    Adjust accordingly.


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #30918

    Cori
    Participant
    Post count: 14

    Thank you!  I changed the size in the functions.php file but now the menu is overlapping the header, do I need to change the menu code as well?

    #30920

    Susan
    Moderator
    Post count: 8729

    Sorry – wasn’t thinking about the menu area in the header right.

    Make adjustments here:

    [css]
    #header .widget-area {
    float: right;
    padding: 25px 20px 0 0;
    width: 530px;
    }
    [/css]


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #30921

    Cori
    Participant
    Post count: 14

    Oops, I should have been more specific – I’m talking about the secondary navigation (I use it as my main menu below the logo). And before, I didn’t want to change the font size in that secondary navigation, I’d like to change the actual font to be Yanone+Kaffeesatz to match the headers used throughout. Sorry for not being more specific!

    #30961

    Cori
    Participant
    Post count: 14

    Ok, I figured out the font but for the life of me cannot figure out how to move the secondary navigation to below my header so it doesn’t cut it off. I set the header to be 225 pixels high.

    #34452

    mommabirds
    Participant
    Post count: 1

    Cori,

    Did you find a solution to changing the header size? I am running into the same problem, any tips would be appreciated

    #34501

    Cori
    Participant
    Post count: 14
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.