How to put a horizontal line under add to cart button?

[9INE]

Hi everyone! I have been trying to figure out how to put a light horizontal line under my add to cart button on my product page like the image attached. The image was taken from this site: https://subpod.com/products/subpod-mini-essentials-bundle

If anyone knows how to add this line please let me know, thank you <3.

[ZenoPageBuilder · Accepted solution]

Hello @9INE 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.product-form form {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 20px;
}

The result

Hope it helps!

[9INE]

Hi how can I put the same line where I'm pointing at in the screenshot so it's under all the selling points? So that there is one above and one below. Hope that's not confusing. Thanks.

[zaboo]

Hi, did you figure out how to add it to where the red arrow is pointing? having the same issue. 

[websensepro]

Hi, @9INE.

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

.product-form__buttons {
    border-bottom: 0.1px solid gray;
    padding-bottom: 25px;
}

Result:

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