Trying to add an image as my back ground - Debut theme

Store Design
1

Hello Everyone,

I am trying to add an image as my background but I have succeeded in adding it only for the checkout through theme settings. WWW.CHIPEET.COM

I have gone ahead to add the image under assets and then I went into Template Editor > Assets > theme.css and inputted the code below

body.background-class {    background-image: url({{'background-image.jpg' | asset_url }});
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;    background-size: cover; 
}

My file name is background-image.jpg.. And then finally I went to Themes > Template Editor > Layouts > Theme.liquid. and inputted

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

I see no changes on the about page or anyother page.

2

Hello @Chipeet ,

body.background-class {    
background-image: url({{'background-image.jpg' | asset_img_url: }});
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;    background-size: cover; 
}

Thanks

3

Thanks for the quick response but no change. I will email you lets connect.