Shopify themes, liquid, logos, and UX
I am trying to add a background image to the taste theme. I believe the code would be
background-image:url("download.png");background-repeat:repeat-y,repeat-y;background-position:left top,right top;}}
but I'm unsure of where this would go? I didn't see a place n base.css or section-footer.css
what am I missing?
@LibertyJason where do you want the background?
Hi @LibertyJason,
Try this.
Add your image.
1. Go to Admin > Online store > Themes > Actions > Edit code
2. Go to Assets folder, then "add a new asset", "upload a file"
3. The file name must match the file name you are using in the footer. Eg. download.png
Add the code below.
1. Go to Admin > Online store > Themes > Actions > Edit code
2. Go to Asset folder, and open the base.css file
3. Add the code below.
footer {
background-image:url({{ "download.png" | asset_url}} );
background-repeat:repeat-y,repeat-y;
background-position:left top,right top;
}
Unfortunately it didn't work @made4Uo , I've tried several iterations of the same the past few days - I'm not sure if it's theme related.
Unfortunately it didn't work @made4Uo , I've tried several iterations of the same the past few days - I'm not sure if it's theme related.
Hi @LibertyJason,
It is not theme related. It could be that your image is not connecting. You can use a schema to add the image
Hi @made4Uo,
I'm hoping to use your code for the Taste theme as well but would like to add the background image so it features on every page.
Do you have a suggested code for this?
And do I simply paste the code at the bottom of the page ie. line ~2964?
Thanks!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025