Header image/logo in Daily Dish theme

[Jabba]

Site address is http://www.modernveganista.com/

I've changed the header from a text and tagline based header to a png image with our logo. I changed the container size in functions.php to 314 x 254 to suit the size of the new image. However, after doing that and setting the image, on the live site the image shrinks to a much smaller size.

What have I neglected to change to make the larger image work properly?

http://www.modernveganista.com/

[Christoph]

Hi,

did you change the .header-image size in the style.css?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Jabba]

Yes, have changed the css to:

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

[Christoph]

That´s weird.
I see the following css:

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

Did you flush the cache?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Jabba]

Well shucks, I forgot to clear the cache 🙂 It's always the obvious things we forget to do!
Thanks!!!

[jenniferh]

Site url:

I'm trying to customize the size of logo/header in my site using the same technique. I added the following code to the functions.php:

add_theme_support( 'genesis-custom-header', array( 'width' => 471, 'height' => 150 ) );
/**
* @author Brad Dalton - WP Sites
* @example http://wp.me/p1lTu0-9LE
*/

Then added some custom css:

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

When I try to load the new logo it still wants to crop it to the default size (400 x 80). Cleared the cache, same results. Any suggestions?

[Author]

Posts