How can I add divider lines to my checkout page using Dawn Theme?

Store Design
, ,
1

Hello Guys.

Please can someone assist me with adding divider lines line the below image to my checkout page. My store currently doesn’t have these lines and I cannot seem to find where to add them. I am using Dawn Theme.

Thank you.

Screenshot 2023-06-07 at 15.29.03.png
Screenshot 2023-06-07 at 15.29.03.png1324×784 141 KB

1 Like
2

Hi @Gary1601 ,

Would you mind to share your URL website with password if its protected?

Thanks!

3

Can you share the link to your website please? This would make it a little bit easier for me to see what the problem is. Thanks!

4

https://traumasoothe.org/password

password:TraumaSoothe2023

1 Like
5

https://traumasoothe.org/password

password: TraumaSoothe2023

6

Thank you for the Information.

Try this.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “theme.css, styles.css or base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  • And Save.
._1ip0g651._1fragem1b._1fragemaf._1fragem1w._1fragem2d {
    border-bottom: 1px solid black;
}
._6zbcq51f._6zbcq51d+._6zbcq526 {
    margin-bottom: 10px;
}
section._1fragem15._1fragemaf {
    margin-bottom: 10px;
}
7

Hi @Made4uo-Ribe , thank you for the response. However, I have followed the instructions but the lines still don’t show.

Do you have any suggestions?