Hi All,
I am struggling to find a resolution to removing lines between sections on our Shopify store. I believe the theme is ‘District’ and seems to use liquid coding.
See the above image.
The grey line currently separates all sections on our homepage on our website.
How do I remove these lines to ensure a clean white background across the website?
Thank you in advance,
Jayden
Hi @JaydenMojo
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
[data-section-type="custom-content"], .border-b { border-bottom-width: 0 !important; }In case the above code does not work, please share with me the editor url and password page. So I can examine this issue more closely.
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hi Henry,
Thank you for your detailed response it is greatly appreciated.
Unfortunately that code did not work for my page.
The grey lines still appear.
Do you have any further recommendations.
Thank you very much and apologies for the inconvenience.
I found a really simple fix for the Dawn theme you could try: Themes → Customise (your chosen Theme) → Theme Settings (the Cog icon top left) → Content Container - change the border thickness to 0px. Check if it effects any other content containers, but for me it got rid of the majority of grey lines between sections.
