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>
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025