Daily Dish Pro Header

[Cecilia]

Hi,

I've read on the forum on how to adjust the header image from 400x80 to a different size. I've edited the code but the template still forces me to crop the image. Please help.

At the same time, I would like to not have the white space expand. It looks like when I adjusted the spacing it also expanded the white spacing too.

Thanks

http://elenicookscrete.com

[Davinder Singh Kainth]

In style.css file, change following code...

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

to...

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

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

For reducing vertical white space above/below logo image.

Look for following code...

.site-header {
    padding: 80px 0;
    text-align: center;
}

change to...

.site-header {
    padding: 20px 0;
    text-align: center;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Cecilia]

Thanks but that bringing me back to the original code?

1. I would like to have a larger header.
2. The template forces me to crop the image.

Thanks

[Davinder Singh Kainth]

1. Open functions.php file and look for following code

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

2. Change height and width dimensions for logo as per requirement.

3. Then go to style.css file and update new height / width dimensions in the following code

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

4. Upload new logo image with new size.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Cecilia]

You are one awesome, dude! Thank you, it worked wonderfully!

[Davinder Singh Kainth]

Welcome Cecilla 🙂

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[lizearle]

Any idea what is the ideal size is for a full width header?

[Author]

Posts