CSS Not working - Top and bottom border of a section

Shopify Partner
21 0 2

I'm trying to add an image of a squiggle line to border the top and bottom of a featured collection section. My CSS isn't working at all. Can someone help me? 


Site Preview - https://zbwtr4b7h4g436q7-68147839218.shopifypreview.com

Squiggle line link (added to files) https://cdn.shopify.com/s/files/1/0681/4783/9218/files/squiggle_line.png?v=1708428523



.section-id-template--17308590833906__16359278676808bea5 {
border-image: url (https://cdn.shopify.com/s/files/1/0681/4783/9218/files/squiggle_line.png?v=1708428523😉

Photo of what we're trying to make it look like:



Reply 1 (1)

Shopify Partner
1724 478 353

This is as close as I can get to the image provided. I blocked it on mobile from a media query, if you want to remove it, you can. But it's very ugly on mobile.


@media only screen and (min-width: 768px) {
    #shopify-section-template--17308590833906__16359276425da8ce46 {
        border-image: url('https://cdn.shopify.com/s/files/1/0681/4783/9218/files/squiggle_line2.png') 50;
        border-image-width: 1.5vw;
        padding-bottom: 45px;
        border-image-repeat: stretch;
    #shopify-section-template--17308590833906__16359278676808bea5 {
        padding-top: 20px;
    .section-id-template--17308590833906__16359278676808bea5.collection-slider-row.use-color-scheme.use-color-scheme--1 * {
        color: black;
    .section-id-template--17308590833906__16359278676808bea5.collection-slider-row.use-color-scheme.use-color-scheme--1 {
        background-color: white;





Was I helpful?

Buy me a coffee


Need help with your store? contact@theprimeweb.com or check out the website