How to add a section divider line on Dawn theme?

Store Design
1

Hi, I am trying to add a section divider line (similar to the divider on the footer) at the top and bottom of a particular section (image with text) but I am lost on how to go about it. Please help.

The divider should be colour #415858.

Thanks!

2

Hello ,

For this you have to create a dynamic section for home page.

After that you can include it anywhere on home page.

3

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.

  • Step 2: Go to sections > image-with-text.liquid and add code in line 55. https://i.imgur.com/8PhY2YW.png => https://i.imgur.com/vOTK5PF.png image-with-text-layout

  • Step 3: Go to assets > component-image-with-text.css and paste this at the bottom of the file: .image-with-text-layout { border-bottom: 1px solid #415858; border-top: 1px solid #415858; }

Hope this helps

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

4

@LitExtension Thanks for this! really helped!

5

If you would like to add a divider (spacer) section on Dawn theme, I invite you to follow the steps in this tutorial