My header isn't working on Wordpress' ProReviewTheme

by Ross Cohen

Posted: 13 years ago 5 replies

WEB DESIGN

On my site Daily-Deal-Sites.net I'm using ProReviewTheme. I looked in the editor because it didn't tell me elsewhere what the size of the header was. It's 960x110. I made my header that size, uploaded it, but see how it's coming out? Below, too small, I've tried and tried but don't know how to make it just fit properly.

Any help would be hugely appreciated!

#header #proreviewtheme #size

Ross Cohen 13 years ago

I'm willing to compensate someone who can walk me through exactly how to fix this
- Thanks
{{ DiscussionBoard.errors[4939825].message }}
tyroneoda 13 years ago

Uh, oh. Here's the problem:

.header_banner {
float: right;
padding: 25px;
}

If you want some heads up (which I would really recommend), better take a look at this guide about padding's: w3schools [.] com/css/css_padding.asp

Well, for now, you just have to customize the top padding to suit your site's taste.

By the way, please do take note that THAT padding value isn't individual so the 25px applies for the top spacing, the bottom spacing, the left and right spacing, so if you change 25px, all the other spacing would be affected. What we want to change is just the top spacing.

Anyways, here goes the snippet. Just replace this:

.header_banner {
float: right;
padding: 25px;
}

with this:

.header_banner {
float: right;
padding: 15px 25px 25px 25px;
}

Hope it helped!

Cheers,
tyroneoda

P.S. Woohoo. That is one awesome site, by the way!
- Thanks
{{ DiscussionBoard.errors[4939879].message }}
Ross Cohen 13 years ago

Hmm, so if I do say, -25 in that first slot out of the four, will it move that many pixels up? Messing around with it, everything is delayed because of my cache I think... so the changes I can't see for a bit after doing it.
- Thanks
{{ DiscussionBoard.errors[4940189].message }}
Ross Cohen 13 years ago

Is the header on your screen for my site right now half beneath my theme and half showing, or can you see the whole thing? It was all there for me, but now I only can see half. It has a mind of its own.
- Thanks
{{ DiscussionBoard.errors[4940310].message }}
Freeze 13 years ago

search and edit your style.css with this :

#header h1.logo {
float : left;
padding : 0;
}

.header_banner {
float : right;
padding : 0;
}

hope this help..
- Thanks
{{ DiscussionBoard.errors[4949505].message }}