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?
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?
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
thanks, it worked! but how can i change color for the line?
You’re welcome!
To change the line color, simply update the #ddd value in the code to any color code you like. For example:
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!
I tried adding here under the picture also
but when i add the code inside base ccs, its not working?
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 tag:
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!