I’m having an incredibily hard time adding a background image to the footer of my website. I have followed a few tutorials I’ve came across but I am using a paided (uncommon) theme and it seems like the tutorials are not applicable to all themes. I was hoping I could put the footer.liquid and footer.css code into a google drive doc and someone could help me that way? Any help is greatly appreciated. The theme is “Reformation” if that makes a difference. Thanks.
Hi @peterg32
Could you share your store URL and image that you want to add it as background of your footer?
1 Like
here is the preview link https://ij5ct6jk2g7npoyb-61496099021.shopifypreview.com it is not yet live… and the footer image is attached below
Go to your Online store > Themes > Edit code > open base.css file, add this code at the bottom, and save the file
#footer { background-img: url('https://community.shopify.com/c/image/serverpage/image-id/379358i382A72C804F79777/image-size/large?v=v2&px=999'); }
Recommend you upload this image to your store admin > Contents > Files copy link and replace it with the current link in my code
1 Like
I actually do not have a base.css file, is there another equivalent? thank you so much for the help
You can add this code to your theme.liquid file in Online store > Themes > Edit code before tag
1 Like
hey sorry to get back to you so late, but again that didn’t work the only difference I can see is that there is now “{}” within the footer but no changed background, see very bottom let corner… also attaching an image of my code (added what u said in line 102). thank you
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)'); }
1 Like
