Streamline Pro – Need Larger Header Logo Image Pls

[Catherine_B]

Greetings -

Doing a search I see this topic come up often for various themes, but I don't want to make any mistakes using another theme's rules.

The standard teeny logo size default allowed in the streamline pro left header is only 300 x 60. I would like 300 x 300 so it's large enough to see and read - and must be responsive. The nap and tagline on the right side of the header are tall enough to accommodate that height.

Can anyone please help me and hopefully show me the code example, in rather simple terms please? I have edited functions and other pages successfully with clear instructions and know css pretty well.

Thank you very much.

[Victor Font]

The first thing you need to do is change the image size in functions.php. Find the following code block at line 56:

//* 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,
) );

and 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 300x300 image through the theme customizer. Next you have to change the size of the image in the header in style.css. At line 946, you'll 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%;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Catherine_B]

Victor! You're wonderful! Worked great - you made it so easy. Love it, and better yet, I've learned some new things.

*I have a little question for you, please: Where are you seeing line numbers as used in your instructions above? They're not showing in my wp theme editor, and I downloaded the css to Dreamweaver CS6 just to see, but the line numbers don't match yours at all.

Thanks a million!

[Author]

Posts