How can I add a non-linear image to my website footer?

Hi

can someone show me how to add image that’s not straight line to a footer background? Tried adding image but could not override the existing theme.

Please email me at hello@doodlemedo.com for developer access

my website https://doodlemedo.com

see attached screenshots of current footer and an example of how I want it to look like (https://lisacongdon.com)

@abcxytz1234

Please add the following code at the bottom of your assets/theme.min.css file.

#shopify-section-footer {
    margin-top: 90px;
    color: #fff;
    background-image: url(//cdn.shopify.com/s/files/1/0056/7679/3890/t/3/assets/footer-bg.png?v=3215783815522099339);
    background-size: 1280px 50px;
    background-position: center top;
    background-repeat: repeat-x;
    padding-top: 50px;
}
.footer--style-1 {background-color: #000 !important;}
.footer--style-1 .footer__border-top {border-top: none !important;}

Thanks!

Hi!

I added the code but it looks weird, see screenshot below. I have added you to my developer access for my site. Can you help me edit the code? Thanks! I am using theme 6 so I edited

theme-skin-6.min.css

never mind fixed it. If I want to change the image to something else, what kind of image format and resolution should I upload? I am trying to create it on procreate app.

1 Like

@abcxytz1234

Png format image size: 2560 × 100 px

1 Like

Hi there’s a white line diving the footer, see screenshot. On my skin theme I choose white color for the footer text and hence maybe the white line appeared

Can you help with removing the line or making it black?

Nvm it’s gone now. Weird