- This topic has 7 replies, 3 voices, and was last updated 7 years, 1 month ago by Mahesh.
-
AuthorPosts
-
October 17, 2016 at 8:28 am #101591DefurParticipant
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/
October 17, 2016 at 12:23 pm #101619MaheshKeymaster@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,
MaheshOctober 19, 2016 at 8:45 am #101744DefurParticipantWhile this did make the header full visible, it still leaves a gap at the top
Gap at the top:
http://i.imgur.com/kqJjzOG.jpgand 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.jpgOctober 19, 2016 at 11:55 am #101757MaheshKeymaster@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,
MaheshOctober 22, 2016 at 4:02 am #101914MarkParticipantLoving 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
October 22, 2016 at 5:01 am #101915MarkParticipantI 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.
October 22, 2016 at 8:50 pm #101948MarkParticipantI 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;
}October 23, 2016 at 12:26 pm #101988MaheshKeymaster@markjez73: Sorry for the late reply. I am glad that you resolved it all by yourself. Have a nice day!
Regards,
Mahesh -
AuthorPosts
- The topic ‘Removing Header Padding?’ is closed to new replies.