Impulse theme - adding a wave svg to a section

[greentigershop]

Hi all,

I’d like to add a wavy line like this for my site.

After researching, I found that I could create a svg file and add to my site’s code. The code is pasted below.

I’d like to modify the section below. How do I go about doing this? I’m not a designer/coder.

My site: https://greentiger.co/

pw: cheese

Thank you!

[wo]

Add Custom Liquid and then paste your svg code

[greentigershop]

@wo I do not have that option. Is it something I have to add in the codes first?

[MRamzan]

Here is a complete solution for adding waves in your shopify store section.

Video Guide: https://youtu.be/lqvhTrNzKVc

#shopify-section-{{ section.id }} {
    transform: translateY(-102px);
    margin-bottom: -102px;
    --mask: radial-gradient(96.55px at 50% 136.5px, #000 99%, #0000 101%) calc(50% - 140px) 0 / 280px 100%, radial-gradient(96.55px at 50% -66.5px, #0000 99%, #000 101%) 50% 70px / 280px 100% repeat-x;
    -webkit-mask: var(--mask);
    padding-top: 100px;
    background: red;
}

Try this solution.