How can I add a styled line above the newsletter section?

Store Design
1

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
screencapture-rockawaydigital-2020-07-28-16_49_23 copy.png2878×5335 967 KB

2

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!

3

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;
}

4

Thank you, works perfectly!