Full width background image

Highlighted
Tourist
18 0 1

Hi, 

 

I'm using the narrative theme and am wondering how I could have a site wide background image? Any code for this?

 

Thanks!

0 Likes
Highlighted
Pathfinder
99 3 17

Hello,

Do you mean that an image will be in the entire background of the store, in every page?

0 Likes
Highlighted
Tourist
18 0 1

Hi,

 

Yes that what I mean, but I would like to have different images per site. Best would even be to just apply it to certain sections. 

 

Thanks!

0 Likes

to add a background image for the entire site you can do this in css.


- add the background image to your theme's asset folder.
- then add below to a css or scss file... replace "[ASSETNAME.JPG]" with your asset name (file extension included).

body {
      background-image: url({{ '[ASSETNAME.JPG]' | asset_url }});
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

If you want a different image per page that would require some heavy coding customization, but probably can be done. If you want we can look into that for you just reach out to us in a PM.

We work on Shopify stores to improve, maintain, and build functionality across all store types.
- Reach Out To Us! | hello@storemedics.com
- Visit Our Site! | https://www.storemedics.com

If we helped, leave a Like / Accept Solution
0 Likes