How can I remove the space between a featured collection and an image banner to zero when the bottom padding of the collection is already 0?
website: https://revtekautoparts.com/
@revtekautoparts Hey, thanks for posting here.
please add this CSS code in custom code area of this feature collection :
.collection ul.slider {
margin: 0 !important;
}
Hello @revtekautoparts
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
#shopify-section-template--23914661511480__image_banner_FtLUNj {
margin-top: -3rem !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
You can remove that space by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings.
#Slider-template--23914661511480__featured_collection { margin-bottom: 0px !important; }
That worked but the same piece of code won’t fix the same issue on my second featured collection towards the bottom of the page. How can I fix it?
Please change code to this
.collection .product-grid { margin-bottom: 0px !important; }
1 Like