How to place separator lines between sections

[silenceclothing]

Hello.

I want to place separator lines between sections like showed on picture. I am using dawn theme. Does anyone know how to do this?

[sadik_ShopiDevs · Accepted solution]

Hi @silenceclothing 
You can easily add separator lines between sections by following this tutorial. Here's a video walkthrough that will guide you step-by-step on how to achieve this in the Dawn theme: Video Tutorial.
Feel free to follow along and let me know if you encounter any issues!
Thank you

[silenceclothing]

thanks, it worked! but how can i change color for the line?

[sadik_ShopiDevs]

You're welcome! 😊 To change the line color, simply update the #ddd value in the code to any color code you like. For example:

• #000 for black
• #fff for white
• #ff0000 for red

You can find more color codes and experiment with them using a color picker tool like HTML Color Codes. Here's an example:

border-top: 1px solid #ff0000; /* Red line */

Feel free to explore and let me know if you need more help!

[silenceclothing]

I tried adding here under the picture also

but when i add the code inside base ccs, its not working?

[sadik_ShopiDevs]

If adding the code in the base CSS didn’t work, you can try this method:

Steps:

Go to Shopify Admin → Online Store → Theme → Edit Code.

Search for the theme.liquid file.

Insert this code just above the </head> tag:

<style>
section#your-section-id {
    border-top: 1px solid #ddd !important;
}
</style>

Make sure to replace your-section-id with the correct ID of your section. Adding !important ensures the rule overrides other styles.

Let me know if this helps!