Shopify themes, liquid, logos, and UX
I added a custom liquid section to my shopify and it is displaying white borders around it. My site is
Solved! Go to the solution
This is an accepted solution.
@LatinLotus , try to add it in theme.liquid file before the </body> tag like this :
<style>
[data-ff-el="root"].ff-6571bd4ca74ac87bc4717f8f .ff-6571bd4ca74ac87bc4717f8f__container {
margin: 0 auto;
max-width: 100% !important;
background: #f5f5f5;
}
</style>
This is an accepted solution.
@LatinLotus , try to add it in theme.liquid file before the </body> tag like this :
<style>
.ff-6571bd4ca74ac87bc4717f8f__container {
margin: 0 !important;
max-width: 100% !important;
}
</style>
Hi @LatinLotus , Add the following code :
[data-ff-el="root"].ff-6571bd4ca74ac87bc4717f8f .ff-6571bd4ca74ac87bc4717f8f__container {
margin: 0 auto;
max-width: 100% !important;
background: #f5f5f5;
}
where do I add it?
This is an accepted solution.
@LatinLotus , try to add it in theme.liquid file before the </body> tag like this :
<style>
[data-ff-el="root"].ff-6571bd4ca74ac87bc4717f8f .ff-6571bd4ca74ac87bc4717f8f__container {
margin: 0 auto;
max-width: 100% !important;
background: #f5f5f5;
}
</style>
That worked! Thanks very much!
After updating to the newest version of the theme, the white border are back even after I applied the code you gave me. Is there an update I can make to the code or a different version?
This is an accepted solution.
@LatinLotus , try to add it in theme.liquid file before the </body> tag like this :
<style>
.ff-6571bd4ca74ac87bc4717f8f__container {
margin: 0 !important;
max-width: 100% !important;
}
</style>
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