Focus theme – change header size and font in menu

[Cori]

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!

[Susan]

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

/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array( 'width' => 1060, 'height' => 120 ) );

Adjust for the size header you would like to upload.

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

h2,
h2 a,
h2 a:visited {
	font-size: 42px;
}

Adjust accordingly.

[Cori]

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?

[Susan]

Sorry - wasn't thinking about the menu area in the header right.

Make adjustments here:

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

[Cori]

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!

[Cori]

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.

[mommabirds]

Cori,

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

[Cori]

Yup! I had to open a new thread, here is a link! http://www.studiopress.community/topic/secondary-navigation-on-focus-theme-is-overlapping-header/

[Author]

Posts