Education Pro – Header Image Size

[DanRxDrums]

I'm trying to increase the size of my header image. However, I'm unsure which part of the .css to modify. Is it one of these two and if so, which one?

.site-header {
background-color: #fff;
border-top: 3px solid #e44a3c;
box-shadow: 0 3px rgba(70, 70, 70, 0.05);
min-height: 80px;

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

[Andykev]

It is in your functions.php file.

Look for something like this:

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

You adjust the "height" and "width" for your desired image. Then you upload the properly formatted image to your media library, and using the customizer, add the image as your site header.

[Brad Dalton]

You need to match both the CSS under the Site Header section and the values for the PHP with the dimensions of your header image

---

Tutorials for StudioPress Themes.

[kathiemt]

I've been looking at this same issue. I have edited the functions.php and it now allows me to upload an image of the new size but I can't find where in the CSS that BradDalton mentions to make the change. The image has been truncated. You can see it at https://weddingfuneralcelebrant.com.au/. It should have 3 head photos across with text underneath it. The image size is 504x144.

---

Kathie Thomas

[Brad Dalton]

Look under the Site Header section in style.css

---

Tutorials for StudioPress Themes.

[kathiemt]

I did Brad but still cannot find what I'm looking for. There's nothing that indicates the size for the header-image.

---

Kathie Thomas

[Brad Dalton]

Try .site-title a

---

Tutorials for StudioPress Themes.

[kathiemt]

It just has this Brad

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

I changed the min-height from 100 to 144. Should I change the 100% to 504px?

---

Kathie Thomas

[Author]

Posts