Space above Logo

Easily fixable..to a certain point but it requires you to make a modification to the theme’s styling, preferably using the child theme that comes with the theme, or an edit css plugin.

But the top has a container with a top border. This is styled around line 90 in the theme’s style.css and looks like this:

/* Primary wrappers */
#page-top-bg {
	width:100%;
	height:353px;
	position:fixed;
	background-color:#fff;
	border-top:6px solid #595a67;
	border-bottom:1px solid #bcbcbc;
}

The top is the 6px border you see. I would add custom styling to change that to 0px to override the theme css above.

By the way, thanks for the great comment and happy to hear you’ve fallen in love with Preference ?? Should say that in a review for the theme with a 1,000,000 star rating, lol

Hmmm, tried, but not sure what’s going on. I am using the child theme, but still can’t get rid of that top space even with the 0px for border-top.

Here’s what I put in the child template under “add your style changes here”

#page-top-bg {
	width:100%;
	height:400px;
	position:fixed;
	border-top:0px;
	border-bottom:0px;
}

#logo-wrapper {
	min-height:0px;
	padding:0px 0;
	text-align:center;
}

I changed the logo wrapper as well to see if that would help, but it did not. :/ I’m stumped! lol

FYI, here’s just a few sites where I use Preference Lite if you want to take a peek:

[Links moderated]

It really is a wonderful easily customized template!

Ah, there’s a top space done from here:

#centered-wrapper {
max-width: 1200px;
margin: auto;
position: relative;
top: 6px;
}

The top: 6px; is doing that. In your child theme, do an override by making it 0