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!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024