Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #101591
    Defur
    Participant

    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/

    #101619
    Mahesh
    Keymaster

    @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

    #101744
    Defur
    Participant

    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

    #101757
    Mahesh
    Keymaster

    @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

    #101914
    Mark
    Participant

    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

    #101915
    Mark
    Participant

    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.

    #101948
    Mark
    Participant

    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;
    }

    #101988
    Mahesh
    Keymaster

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

    Regards,
    Mahesh

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Removing Header Padding?’ is closed to new replies.