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

Store Design
1

NOT1_0-1725274090062.png
NOT1_0-1725274090062.png547×590 9.76 KB

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

1 Like
2

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.

3

…

4

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:

Made4uoRibe_0-1725275063209.png
Made4uoRibe_0-1725275063209.png671×807 45.7 KB

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

5

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

6

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

7

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 on theme.liquid

.product__info-container .product__description { border-top: 1px solid; padding-top: 20px; } .custom_information_container { border-top: 1px solid black; padding-top: 10px; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

8

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 :slightly_smiling_face:

9

Good to hear!