Add line in between sections

Solved
Highlighted
Shopify Expert
15 0 3

hi! 

I'm looking to add a line above the newsletter section. Same style as the other ones on the homepage, think it's like below. I've tried multiple things but can't get it to appear. Can anyone help me?

Thanks so much!

www.rockawaydigital.com

    border-bottom: 0.5px solid #ed5f2b

 

screencapture-rockawaydigital-2020-07-28-16_49_23 copy.png

 

0 Likes
Highlighted
Shopify Partner
2214 481 625

This is an accepted solution.

Hey @INFRA,

You can add the following code at the bottom of your assets/theme.scss.liquid file.

 

.pxs-newsletter-section:before {
    display: block;
    height: 1px;
    margin: 0 30px;
    background: #f0eff2;
    content: "";
}

 

 

Hope this works 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
106 13 15

Hi @INFRA,

You can achieve this by css. Go to Online Store -> Themes -> Actions -> Edit code -> Assets -> theme.scss.liquid
Add the below code


.pxs-newsletter-section {
position: relative;
}
.pxs-newsletter-section:before {
content: "";
height: 1px;
background: #f0eff2;
position: absolute;
top: 0;
left: 30px;
right: 30px;
}

 

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
0 Likes
Highlighted
Shopify Expert
15 0 3

Thank you, works perfectly!

0 Likes