Please update code to this
#footer { background-image: url('[https://community.shopify.com/c/image/serverpage/image-id/379358i382A72C804F79777/image-size/large?v=v2&px=999](https://community.shopify.com/c/image/serverpage/image-id/379358i382A72C804F79777/image-size/large?v=v2&px=999)'); }Topic summary
Adding a background image to the footer of a Shopify store using the paid Reformation theme. Tutorials didn’t apply, so the user shared a preview link and the desired image.
- Initial guidance: add a CSS rule to base.css using a background image URL and host the image in Admin > Content > Files.
- Issue: the theme had no base.css. Alternative provided: insert CSS before in theme.liquid.
- Correction: the first code used an incorrect property (background-img) and lacked proper styling context. Updated code wrapped in and used background-image, which successfully applied the footer background.
Outcome: background image now displays as intended.
Current status: the image repeats/tiles. The user wants it expanded to fit the full width and asked how to prevent repeating. No fix for the tiling behavior has been provided yet, so the thread remains open.
Notes: Shared images and code snippets are central to the troubleshooting. The helper also recommended hosting the image in the store’s Files and replacing the URL accordingly.
1 Like