Label theme how to add lines between this sections

[urbantis]

Hi, would like to add lines to separate the sections on the product page as shown in picture:

https://ibb.co/tTDW8T2C

link

https://roxysound.com/collections/frontpage/products/futuristic-whooshes-test-do-not-delete

password sahsku

Thank you

[codingHelp1]

You need to add this code in CSS

.shopify-section{

border: 2px solid white;

}

It will add border on all sections

[Moeed]

Hey @urbantis

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @urbantis

Please add this code to theme.liquid file, after in Sales channels > Online Store > Themes > click “…” in current theme > Edit code

[Dotsquares]

Hi @urbantis

To add lines to separate sections on your Shopify product page, follow these steps:

Identify the Right Section in Your Theme Code
Add Divider Lines Using CSS
Apply the Class to Your Product Page Sections

Save and test and let me know if you need any more assistance.

[Huptech-Web]

Hello @urbantis

Add the CSS code below to any CSS file, such as theme.css.

If you’re unsure where to place it, you can add it inside the tag in the theme.liquid file.

I have adjusted the border thickness based on the device, for both desktop and mobile.

Let me know if you need any help!