[selindalovett]

You're welcome. I'm glad it helped. 🙂

[selindalovett]

@ladyboomer I finally got mine to work with a larger image. I did have to modify the code for it to work, but it was easy. I think you can do it too. Just to be on the safe side, copy and paste, and save your code to Notepad before making any changes. You'll need to do this for both the php file as well as the css file because you'll be making changes to both files.

Go into php theme functions. You can find it under Appearance. Then click on Editor. On the right hand side of your screen where it says Templates, click on Theme Functions (functions.php). Look for this code (type Control F to pull up a search bar and search for .site-title):

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

Change the height and width values to match your custom image/logo size. Scroll down and click on the Update button to save your changes.

To modify your CSS, click on the Stylesheet (style.css), again on the right hand side of your screen under Templates. Look for this code (Again using Control F, type .site-title into the search bar. You will have to keep searching until you reach this code):

.header-image .site-title > a {
	background-position: center !important;
	background-size: contain !important;
	display: block;
	height: 80px;
	margin: 0 auto;
	max-width: 400px;
}

And change the height and width values to match the size of your image/logo. Scroll down and click on Update File to save your changes.

You will need to upload the larger image and then make it your header image just as you did before, but this time it will not force you to crop it to the smaller size. The cropping dimensions will match the dimensions that you specified in the .php file.

Please note that if you use the smaller logo that you had designed, it may look pixelated on your site because the smaller image was resized.

This worked for me. I hope it helps. Let me know if you have any questions.

[selindalovett]

I am having the same problem. According to the setup instructions for Daily Dish Pro if you use a custom header image, then the image is supposed to display in the upper left corner of the site. http://my.studiopress.com/setup/daily-dish-pro-theme/genesis-theme-settings/custom-header-image/ However, mine doesn't do that. It's in the center and way too small. I created a larger image and changed the css to accommodate it but when I select the larger image as the header image, it forces me to crop it to their recommended size.

Kellylise, how did you get around the forced cropping when you selected your larger image to be your customer header image?

[Author]

Posts