Make my header bigger

bondiboom · Member · Nov 4, 2011 at 7:33 am
Copy link

Add topic to favorites
Im using Manifest-theme and wanna make my header, both wider and higher. Is that possible?

The blog I need help with is: (visible only to logged in users)
raincoaster · Member · Nov 4, 2011 at 8:12 am
Copy link
If you know CSS editing, yes. If you don’t, then please don’t buy the upgrade until you’ve read some of the resources recommended here:
https://en.forums.wordpress.com/topic/learning-about-css-1?replies=1
designsimply · Member · Nov 4, 2011 at 9:03 am
Copy link
Well, I think buying the upgrade is okay because there is support to help you do what you’d like. Keep in mind you can always cancel the upgrade within 30 days if it doesn’t work out. I think that the best way to start learning CSS is to jump in and start experimenting with it.

Also! there’s a great preview option, so you can definitely ask for help here in the CSS forums (and we also provide CSS support if you ask using the contact form) and you can try out whatever updates you’d like before buying the upgrade if that works better for you.

To make the header image wider in the Manifest, I would recommend using a snippet like this:
```
#header-image img {
    display: none;
}
#header-image {
    background: url(IMAGE_URL) no-repeat;
    width: 800px;
    height: 150px;
}
```
Replace IMAGE_URL with the wider header image you have uploaded to your media library. You should also adjust the height value to match the header image you upload. Note that this will override the Appearance → Header image settings.

It’s already pretty high up on the page, do you want to move the whole header block including the title higher?
bondiboom · Member · Nov 4, 2011 at 2:13 pm
Copy link
That works! Thanks!! But its on the left side right now, how do i make it to the middle?
thesacredpath · Member · Nov 4, 2011 at 6:40 pm
Copy link
Add center and top to the background declaration in #header-image as below.

`background: url(IMAGE_URL) no-repeat; center top;
bondiboom · Member · Nov 13, 2011 at 10:23 am
Copy link
It doesnt work anyway? My header doesnt wanna be in the middle.. whats wrong?
thesacredpath · Member · Nov 13, 2011 at 5:50 pm
Copy link
You have to crop and resize the photo before you upload it to the correct size required for the space. The space is 800px wide by 150px tall. Your photo is 2272px wide by 1704px tall.

Resize and crop the image to 800px x 150px, save it as a new file name, upload it to your media library and then replace the URL in the background declaration in #header-image with the new URL of the correctly sized image.

No items found.