How to remove divider lines between sections across entire website - dawn theme

Store Design
1

Good afternoon everyone,

I am currently looking to remove ALL divider lines between sections across my website. The URL of my website i the following: https://alreadysetup.lu/

I would very much appreciate your assistance on that topic and thank you very much in advance for taking the time to read this message.

Best,

Rafael

Capture d’écran 2023-03-15 173631.jpg
Capture d’écran 2023-03-15 173631.jpg1861×733 80.8 KB

2

Hello @Rafaeldancesa

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your assets/base.css theme file.

  3. Add the code at the end of the file:

.shopify-section{
  border-color: rgba(0,0,0,0) !important;
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

3

You’re the GOAT!

Thank you VERY VERY VERY much!

I wish you a great evening.

Best,

Rafael

4

Hi,

I have the same issue but it’s white lines between sections on my home page, how can I remove them?

The only way is if I change the background to black and I dont want to do that.

Thanks you!

5

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. It changes the spacing between sections so might work no matter the colour of you your site