How to change the size of the header image

sperotampere · Member · Nov 11, 2015 at 4:34 pm
Copy link

Add topic to favorites
I would like to have a full size image as the header image but my theme automatically crops the image. What can I do? I have the premium version of WordPress.

The blog I need help with is: (visible only to logged in users)
fstat · Staff · Nov 11, 2015 at 4:55 pm
Copy link
What theme are you using?
You can find the name of your theme at the top of this page:
https://wordpress.com/design/sperotampere.wordpress.com/
sperotampere · Member · Nov 12, 2015 at 8:00 am
Copy link
Gateway
fstat · Staff · Nov 12, 2015 at 9:19 am
Copy link
Use the following CSS code
```
.header-bg {
    height: 200px;
}
```
Change the height value to your liking.

Copy the above CSS code and paste it in the CSS box of your Customizer
http://sperotampere.wordpress.com/wp-admin/customize.php
sperotampere · Member · Nov 12, 2015 at 9:55 am
Copy link
Wow, thank you!

Another question, can I change the width of the pages? I mean that the pages have the text area and then a sidebar on the right. The text is too much on the left for my liking…
sperotampere · Member · Nov 12, 2015 at 10:00 am
Copy link
And can I have a different header image on different pages or maybe have a big image on the front page but a smaller one in other pages?
fstat · Staff · Nov 12, 2015 at 4:27 pm
Copy link
You’re welcome.

To change the width of the main body and the sidebar use the following code
```
#secondary {
  width: 150px;
}
#primary {
  width: 1200px;
```
Play around with the values until you get a satisfying result.

As for the header image, your theme supports a Homepage template in which you can assign a featured image to appear as a background to the header. You can read more here:
https://theme.wordpress.com/themes/gateway/

No items found.