Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #44913
    nac2311
    Member

    Hi @sakin,

    Hope you’re well.

    I have a problem – that probably has an easy fix??

    http://www.crestchic .fr – When you take a look at this page there’s a lot of white space at the top of the screen (logo area/header right sidebar area etc). How do I reduce that white space. The old test site http://www.marcomsonline. co.uk was much better (and more aligned) and I haven’t done anything different (that I know of) when I transferred the website between domains.

    Please help 🙂
    Regards
    Neil

    #44926
    Sakin
    Keymaster

    @nac2311: You can add the following css in “Appearance => Theme Options => Custom CSS” box and it will be same like your old site.

    #sidebar-top { clear: none; }
    #sidebar-top .widget:last-child { margin-bottom: 0; }
    #45061
    nac2311
    Member

    Thanks @sakin.

    As ever, you are extremely helpful 🙂

    #45150
    nac2311
    Member

    Hi @sakin,

    Sorry to ask again, but is there are way to further reduce the white space at the top making it even slimmer? Just a thought…Can the logo and widget areas be reduced in size, not just the margin space around them as per your code from the last post? Also, just wondered if the search button could be replaced by a graphic? I’m thinking of a magnifying glass instead of the word ‘search’?

    Thanks again 🙂
    Neil

    #45159
    Sakin
    Keymaster

    @nac2311: To remove the spaces, you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    #header-content { margin: 10px 0 0; }
    #sidebar-top p { margin-bottom: 10px; }

    About the search, sorry this option is not there. So, for this you might need to consider hiring customizer.

    #45197
    nac2311
    Member

    Thanks @sakin 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to reduce the white space at the top of the webpage’ is closed to new replies.