Add a background image to Debut’s footer

Design limitations are, unfortunately, a reality for most of the themes out there. Depending on the type of design your business has, a background image may work better than just a simple color.

In this post we will teach you how you can quickly add an image to your Debut theme footer.

Locating the file to add the code

  1. In your Shopify admin, go to Online Store > Themes Actions Edit Code.
  2. Find the theme.css file in your theme. Keep in mind that depending on your theme’s version this file can also be named theme.scss.liquid or theme.scss
  3. Add the following code:

.site-footer {
background-image: url(https://www.toptal.com/designers/subtlepatterns/patterns/double-bubble-outline.png);
background-color: unset;
position: relative;
}

Please bear in mind that you need to change the link between parenthesis in the code above with the URL of the image you want to use. 

Click here to learn how to upload your own image to Shopify & generate an URL to use it with the code above.

Some extra notes for the Debut theme

Since you’re using Debut you may also be interested in learning how to:

Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.

In need of a Shopify developer?

Feel free to reach out, we'll work together to find a custom solution that attend your needs.

Request a free quote

Contact Us

Contact us to learn more about how we can help grow your business. No strings attached.

Send us an e-mail and we'll get back to you within 24 hours! Before you click on "send message" please make sure to do the ReCaptcha so your e-mail can be sent safely. 🙂

Someone in country recently purchased:
Product Name