I added a custom liquid section to my shopify and it is displaying white borders around it. My site is
Topic summary
A user is experiencing white borders around a custom liquid section on their Shopify store using the Dawn theme.
Initial Solution:
- Another user provided CSS code targeting specific container classes to remove margins and set full width
- The code was successfully added to the theme.liquid file before the
</body>tag, initially resolving the issue
Current Problem:
- After updating to the newest version of the Dawn theme, the white borders returned despite the previously applied CSS fix
- The user is asking if there’s an updated code solution or modification needed for the new theme version
Status: The helper is attempting to access the site to diagnose the issue with the updated theme, but encountered initial URL access problems that were resolved after the user corrected a typo in the domain.
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?
@LatinLotus , try to add it in theme.liquid file before the tag like this :
That worked! Thanks very much!
1 Like
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?
Hi @LatinLotus , I can’t open the url you provided.
1 Like
I had a typo, sorry
@LatinLotus , try to add it in theme.liquid file before the tag like this :
1 Like