Need help with the Radcliffe Theme Header

ehbedehyeseph · Member · Dec 26, 2014 at 3:16 am
Copy link

Add topic to favorites
How do I make the header space Height Taller?

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Dec 26, 2014 at 3:49 am
Copy link
The header image size for Radcliffe theme is 1440 px width × 230 px height.

You can increase the height using the following CSS but you cannot upload the header image without cropping. So uplaod the image to media library and use the image url between ” in the following CSS.
```
.header-image {
height: 500px !important;
background-image: url('') !important;
}
```
ehbedehyeseph · Member · Dec 26, 2014 at 4:01 am
Copy link
Okay great! Can you make it any size?
staff-happychia · Staff · Dec 26, 2014 at 4:09 am
Copy link
In theory, yes.

What is the height of your intended header image? Just try using the technique I mentioned earlier and see how it goes.

I hope you are aware that you need the paid Custom Design upgrade to be able to add the CSS.
ehbedehyeseph · Member · Dec 26, 2014 at 4:10 am
Copy link
I am. Okay. I’ll let you know how it goes. Thanks.
ehbedehyeseph · Member · Dec 26, 2014 at 4:23 am
Copy link
Well I plugged this:

.header-image {
height: 500px !important;
background-image: url (‘https://mybeamerhasgasinit.files.wordpress.com/2014/12/headerblackwhitefullpole.jpg’) !important;
}

Into the CSS Editor and absolutely NOTHING happened. LoL
staff-happychia · Staff · Dec 26, 2014 at 5:17 am
Copy link
You need to first upload the header image which will result in creating the div space for header. You can then use the above CSS to override its height and background image.

Currently there is no .header-image class to override. It will be created once you upload the normal header image from Appearance > Header screen. Then the above CSS will override it.
ehbedehyeseph · Member · Dec 26, 2014 at 9:54 am
Copy link
That’s what it was! It’s working now. Thanks man. Merry Christmas!
staff-happychia · Staff · Dec 26, 2014 at 10:11 am
Copy link
:-)

No items found.