Changing Background Image in Prestige Theme

NZA
Tourist
10 0 1

Good Day everyone, I do want to apologize in advance if this has been answered before but I can't seem to figure this one out by myself and I found no concrete solutions for this issue, only people asking others to give access so they do it themselves quickly  

I needs to change the background on the homepage to a picture I uploaded to my assets. I am using Prestige theme btw.

What I did was upload the asset and then add this code to the bottom of the theme.scss file:

body.background-class{    background-image: url({{'my image.jpg' | asset_url }});

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; background-size: cover;
}

and then added this line to theme.liquid after searching for <body class=

<body class="..... {% if page.handle == 'index' %}background-class{% endif %} ">

 

Please help as I am really lost at this point.

Thanks, and best regards.

0 Likes
NZA
Tourist
10 0 1

So I loved the problem. It turns out all I had to do was (Gonna leave it here hope it helps anyone)

  • Visit Online Store > Themes in Admin
  • Click the [...] button for your theme, and choose Edit Code
  • Search for the theme.scss file, under Assets
  • At the very bottom, paste this:
  • body {
      background-image:url('IMAGE URL HERE');
    }
0 Likes