How to add background image in footer? Refresh theme

Topic summary

A user seeks help adding a background image to their footer that works on both desktop and mobile devices in the Refresh theme.

Initial Solutions Attempted:

  • One responder suggested adding CSS code to the base.css file targeting the footer element with background-image properties
  • This approach did not work for the original poster

Working Solution:

  • Another contributor provided a different method using custom CSS injected via the theme.liquid file
  • The code needed to be placed just above the </body> tag
  • Initial implementation worked for desktop but failed on mobile

Final Resolution:

  • The responder provided updated CSS code with modified styling
  • The revised solution successfully displayed the background image on both desktop and mobile devices
  • Issue marked as resolved
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

Can you try replacing the previous code with this updated code


1 Like