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>
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024