How to reduce the white space above and below the logo

This topic has 8 replies, 2 voices, and was last updated 6 years, 3 months ago by sapana.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
August 20, 2018 at 1:17 am #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

August 20, 2018 at 3:41 am #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
August 21, 2018 at 12:44 am #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

August 21, 2018 at 2:01 am #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
August 22, 2018 at 1:19 am #152265

vmgbpo
Participant

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

August 22, 2018 at 1:39 am #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.

August 22, 2018 at 2:30 am #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
August 24, 2018 at 3:56 am #152446

vmgbpo
Participant

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

Regards,
Kartik

August 24, 2018 at 4:12 am #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
Author

Posts