How to add a separator line in product page blocks (DAWN)

[NOT1]

i want to add separator line at some places with the block custom liqiuids can anyone help me with the code for separator lines liqiuid

[Made4uo-Ribe · Accepted solution]

Hi @NOT1 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.custom_information_container {
    border-top: 1px solid black;
    padding-top: 10px;
}
.product__description.rte {
     border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px 0;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[niraj_patel]

Hello @NOT1 

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[NOT1]

.............

[niraj_patel · Accepted solution]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product__info-container .product__description {
      border-top: 1px solid;
      padding-top: 20px;
   }
   .custom_information_container {
      border-top: 1px solid black;
      padding-top: 10px;
   }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Made4uo-Ribe · Accepted solution]

Hi @NOT1 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.custom_information_container {
    border-top: 1px solid black;
    padding-top: 10px;
}
.product__description.rte {
     border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px 0;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[NOT1]

Thanks for your reply but I just want after a particular block like before the description for that i was asking for custom liquid for the line

[Made4uo-Ribe]

Oh, sorry. Do you mean only for the description not included the shipping? 

[NOT1]

Yes . Btw i have just used 
.product__description.rte { border-top: 1px solid black; border-bottom: 1px solid black; padding: 10px 0; }
this code and its working great thanks no need to add any extra things now 🙂 

[Made4uo-Ribe]

Good to hear!