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
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 In order to check your question i need to see your live website, please provide url and i will take a look
Sorry, but looks like you forget to post url
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,
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!!