Changing Background Image in Prestige Theme

Store Design
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 :grinning_face_with_smiling_eyes:

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.

2

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[');](https://www.image_address_here.jpg%27%29%3B/)
}
3

Thank you very much!