Reduce space after banner

Hello,

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!

Gaëtan

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

Hi,

Thank you for answering!

Here you have the url :

Gaëtan

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

Sorry…

https://laboutiqueiberique.com/index.php/categorie-produit/jambon/

hey there

Please add this CSS in appearance - customize - additional CSS

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

Thanks!
Colorlib Support Team

Hi,

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 ?

https://laboutiqueiberique.com/index.php/categorie-produit/jambon/

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,
Mihaela

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,
Mihaela

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

Have a great day

Gaëtan

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

Best wishes,
Mihaela

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