Reduce space after banner


I am trying to reduce the space between the banner and the content but can’t find a way to do it.

Coulp you help me with that please?

Thanks a lot!


Hi there

Hope you are having a good day and thank you for your question :slight_smile: In order to check your question i need to see your live website, please provide url and i will take a look


Thank you for answering!

Here you have the url :


Sorry, but looks like you forget to post url :slight_smile:


hey there

Please add this CSS in appearance - customize - additional CSS

.home section.content-area{
    padding: 36px 0;

Colorlib Support Team


Thanks for your answer, I just tried but nothing changed…

Would you have any other idea??

Sorry, :slight_smile:

Please try this code:

.home section.content-area{
padding: 36px 0 !important;

Thanks for your answer but still nothing.
It’s ok though, I can live with it easily, no need to spend too much time on this!
I would have another question but maybe I need to open a new post, would you know how to change size and color of the crumbhead ?

Hello Gaëtan,

To reduce the space after the banner please add the following code in Appearance > Customize > Additional CSS:

#content .content-area {
    padding-top: 10px;

This should do it!

All the best,

In order to change the font size and color of the breadcrumbs, please use this code in Additional CSS:

#main .woocommerce-breadcrumb a, #main .woocommerce-breadcrumb {
    font-size: 17px;
    color: tomato;

Replace the values ‘17px’ and ‘tomato’ with the size and color you need and save.

Hope this helps!

Best wishes,

Thanks a lot for your answers!! Both work great!

Have a great day


It was a pleasure, Gaëtan!
Have an awesome day as well!

Best wishes,

Hi, I have the same inquiry re: reducing the spacing below the “grey” banner and the beginning of the Title for a Page using the Shapely theme. I tried using your suggestion of adding

#content .content-area {
padding-bottom-top: 10px;

But this did not fix the issue for me. Do you have any other advice?

Also, is there a way to reduce the size of the banner height? Thanks!!

Hi @jguer016

Please provide a direct link to your website and indicate blank space on screenshot