Add separator line between Email sign up and footer

[Thirtyfirst]

Hi there,

I am trying to add a separator line between my Featured collection and Klaviyo form on home page. As well as separating it from the above info on every other page. My site is thirtyfirst.co.uk and I’m hoping for some help. Screenshots below.

Home page

Product Page

Something to note is that when you click to sign up, it expands in to a larger form for the customer to fill out.

Thanks,

Alex

[Ritu-N]

Hey Alex,
Please add this CSS

.collection {padding-bottom: 30px; border-bottom: 1px solid #000;}

.footer__content-top { border-top:1px solid #000; padding-top:20px;}

Let me know if this helps you

Thanks,
Ritu

[MastersHub]

Are you want like this.

or

[Thirtyfirst]

Full width and just the top line above ‘10% OFF YOUR FIRST ORDER’

Thanks,

[MastersHub]

Please add this code to your theme.liquid file, after element in Online Store > Themes > Edit code

[Thirtyfirst]

Thanks, this works well on the home page but doesn’t seem to show the top line on the product page AND has a large gap between top line and 10% OFF text on the collection page.

Can you help with this ?