Shopify themes, liquid, logos, and UX
Hello, I am working with the following web alimenticiasdelplata.com.uy/collections/yerba-libre , I have been trying to eliminate the black bottom and upper border in the collection banner. Anyone can please help me solve the mystery? Thank you 🙂
Hey @blancavaldes
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.collection-hero.collection-hero--with-image {
background: white !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Try this one.
@media screen and (min-width: 750px) {
.collection-hero.collection-hero--with-image {
padding: 0 !important;
}
}
@media screen and (max-width: 749px) {
.collection-hero--with-image .collection-hero__inner {
padding-bottom: 0 !important ;
}
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hello @blancavaldes
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
background-color: #fff !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hello @blancavaldes
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.collection-hero.collection-hero--with-image {
padding: 0!important;
}
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024