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!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025