Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #152094
    vmgbpo
    Participant

    Hi,

    Here is the screenshot of our header.
    https://www.dropbox.com/s/g292f0c3nvsq6l8/Screenshot%202018-08-20%2010.47.05.png?dl=0

    Please let me know how to reduce the white space above and below the logo?

    Thanks,

    Kartik

    #152102
    sapana
    Participant

    @vmgbpo:Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #site-branding, #site-logo {
         padding: 0px;
    }
    #masthead {
        padding: 10px 0;
    }

    Let me Know If this solve your issues and please post your site url.
    Kind Regards,
    Sapana

    #152176
    vmgbpo
    Participant

    I added this code but there is no change. There is still lot of white space above and below the logo. If this white space is reduced a little bit it will look better. Thanks. Here is the URL http://www.agricultureinformation.com

    #152179
    sapana
    Participant

    @vmgbpo:Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .custom-logo {
        margin-top:0;
        margin-bottom:0;
    }
    .site-header-main {
        padding-top:0;
        padding-bottom:0;
    }
    .site-branding {
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    Let me know if this helps you out!
    Kind Regards,
    Sapana

    #152265
    vmgbpo
    Participant

    Thank you for your support. This worked! It’s now looking the way we want.

    #152266
    vmgbpo
    Participant

    In the footer of the website there is a lot of white space from where widgets end to bottom of the page
    https://www.dropbox.com/s/rz8zytg5d1ta88x/Screenshot%202018-08-22%2011.06.50.png?dl=0

    Is there anyway we can reduce this white space ?

    Thanks.

    #152271
    sapana
    Participant

    @vmgbpo:Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #colophon .widget-column {
        padding: 15px 15px;
    }
    .widget {
        padding: 15px 15px;
    }

    Let me know if this solve your issues.
    Kind Regards,
    Sapana

    #152446
    vmgbpo
    Participant

    Yes, this solves the footer whitespace issue. Thank you for the support.

    Regards,
    Kartik

    #152448
    sapana
    Participant

    @vmgbpo:Hello,
    I hope I was able to resolve your issue. If it’s not too much trouble,I have a quick request: could you please leave an honest review? https://wordpress.org/support/theme/catch-responsive/reviews/
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.
    Thanks, and if there’s anything else at all that I can do to help,don’t hesitate to let me know.

    Kind Regards,
    Sapana

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to reduce the white space above and below the logo’ is closed to new replies.