[Defur]

Hi there,

So I haven’t been able to figure out what code controls the header and the padding. I want it to be 0 and have no space above the header image. I tried switching out a bunch of code but nothing seems to affect it.

I saw that similar themes are able to control this through the custom CSS box and I was wondering if there was a similar solution.

My website is: http://www.x-tactics.com/

[Mahesh]

@defur: I checked your site and there is no padding and margin in the header-image section. For full-width image, go to Dashboard=> Appearance=> Customize=> Theme Options=> Customize and add the following CSS:

#header-image img {
	width: 100%;
}

Regards,
Mahesh

[Defur]

While this did make the header full visible, it still leaves a gap at the top

Gap at the top:
http://i.imgur.com/kqJjzOG.jpg

and I think something else got weird now because when I change the resolution of the website the background moves a long with it (it’s no longer fixed?)
So now the site isn’t in the middle/centered anymore? Like this:
http://i.imgur.com/qZZupDA.jpg

[Mahesh]

@defur: I checked your site and see not gap at the top.
http://bit.ly/2ejSykk
For centering content, go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.wrapper {
    margin: 0 auto;
}

Regards,
Mahesh

[Mark]

Loving the Lucida Pro theme. Fantastic to work with, and it looks great. One minor problem though – I’ve just created a site at: http://www.bouncebuddieswakefield.co.uk but can’t get rid of the white horizontal gap between the top of the header graphic and the date. Anyone got any ideas of how to remove it so that the whole site moves up by a couple of centimeters. Thanks. Mark UK

[Mark]

I followed the recommendations in this other thread – See: https://catchthemes.com/support-forum/topic/blank-space-above-header-image/ but it still did not work and the bar is still there. You can also see this unwanted white space at the top of another Lucida Pro site I’m building at: http://www.djcamberley.co.uk Thanks. Mark.

[Mark]

I have now fixed the problem. A coder friend of mine told me to add the following code to the css.stylesheet under the Header Top Area in Lucida Pro theme.

.header-right-social-icons {
float: right;
display: inline-block;
}
#masthead .wrapper {
margin-top: -50px;
padding: 15px 0;
}

[Mahesh]

@markjez73: Sorry for the late reply. I am glad that you resolved it all by yourself. Have a nice day!

Regards,
Mahesh

[Author]

Posts