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…

Hi @peterg32 Could you share your store URL and image that you want to add it as background of your footer?

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 yo…

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

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 [Screenshot (226).png] […

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)'); }

You’re the man! That did it, but now there is some odd repeating going on, is there anyway to change that? I rather have it expanded to fit the width… here’s an image thank you! [Screenshot (227).png]

Adding a background image to the footer PAIDED THEME

Store Design

peterg32 October 30, 2023, 4:08pm 3

here is the preview link https://ij5ct6jk2g7npoyb-61496099021.shopifypreview.com it is not yet live… and the footer image is attached below

Topic		Replies	Views
Add background image to footer section - Refresh Theme Store Design menu , design , customizations , footer , css , shopify-themes , html	8	63	November 27, 2023
How to add background image in footer? Refresh theme Store Design design , customizations , footer	7	135	April 27, 2024
Add a Christmas Background Image in the Footer Store Design customizations , footer , css , shopify-themes	5	123	April 10, 2023
How to add a picture as background in footer? Store Design design , footer	3	82	September 1, 2023
Prestige Theme: How To Place An Image As Footer Background? Store Design	3	64	January 28, 2022

Adding a background image to the footer PAIDED THEME

Related topics