Public domain image from pixabay.com

Change Logo Size in Genesis Themes

Public domain image from pixabay.comA common modification made to Studio Press Genesis Framework powered themes is changing the size of the logo to fit a specifically sized image. The following example is based on the Streamline Pro theme, but the process can be applied to *any* Genesis theme by Studio Press.

The first step is to change the image size in functions.php. Find the following code block:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'header_image'    => '',
	'header-selector' => '.site-title a',
	'header-text'     => false,
	'height'          => 60,
	'width'           => 300,
) );

Change it to:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'header_image'    => '',
	'header-selector' => '.site-title a',
	'header-text'     => false,
	'height'          => 300,
	'width'           => 300,
) );

This change allows you to upload a 300×300 image through the theme customizer. Next you have to change the size of the image in the header in style.css. Find the following code:

.header-image .site-title a {
	float: left;
	min-height: 60px;
	width: 100%;
}

Change it to:

.header-image .site-title a {
	float: left;
	min-height: 300px;
	width: 100%;
}