Increase header image height

fsprorg · Member · Aug 10, 2014 at 6:20 pm
Copy link

Add topic to favorites
Hello,

I would like to increase the height of the header image by variable amount that I can control.

Thanks

The blog I need help with is: (visible only to logged in users)
fsprorg · Member · Aug 10, 2014 at 9:33 pm
Copy link
I would like to clarify that I would like to increase the canvas of the header image so that more of the bottom part is shown in the homepage.

Thanks
designsimply · Member · Sep 24, 2014 at 1:16 am
Copy link
Sorry we didn’t see this request before!

I just checked http://fsprorg.wordpress.com/ and I found that it is using the Twenty Twelve theme and no header image right now.

You can use custom CSS to add an image and get tight control over the height. Doing this will replace the option in the Appearance > Customize > Header section.

Here is an example you can try out:
```
.site-header {
	background: url(http://i2.wp.com/s.w.org/about/images/logos/wordpress-logo-notext-rgb.png?w=150) center 25px repeat-x;
	padding-top: 200px;
}
```
Replace the URL value with a header image that is 960px and whatever height you want. Then adjust the top padding to something a little taller than the height of the image you use.

No items found.