Prestige theme : Changing background of only one "template" / page --> the customer login page

KetanKumar
Shopify Partner
16791 1835 6285

@AurelieMA 

yes, it would be great if possible. 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
AurelieMA
Excursionist
28 0 13

@KetanKumar Ok! You have access 

KetanKumar
Shopify Partner
16791 1835 6285

@AurelieMA 

Great, thanks i will check and update code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
AurelieMA
Excursionist
28 0 13

@KetanKumar Did you had the time to check? I see no changes yet thanks a lot!

Best regards,

Aurélie 

KetanKumar
Shopify Partner
16791 1835 6285

@AurelieMA 

yes, i have already updated the code but not you remove again access

KetanKumar_0-1615618558920.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AurelieMA
Excursionist
28 0 13

@KetanKumar I just Updated your access again! Should be ok now ☺️ Sorry there was a bug... thanks!! 

0 Likes
NZA
Tourist
10 0 1

@AurelieMA  would you please be so kind to share the code @KetanKumar  updated on your site, I've been browsing all day to find something concrete on how to change the background to an image and to no avail. I uploaded my asset so  I just want to copy the code he provided to use on the homepage if that s possible.

 

Thanks and best regards

KetanKumar
Shopify Partner
16791 1835 6285

@NZA 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
NZA
Tourist
10 0 1

@KetanKumar thank you for you reply man I really appreciate the help. 

I am still developing the store so here is the link and password :

https://emerald-sneakers.myshopify.com/

Pass: cheori

 

I managed to add a background to the site by adding these lines of code to the theme.scss.liquid file:

body {
background-image:url('https://cdn.shopify.com/s/files/1/0559/5702/9026/files/Back-Long-1.jpg?v=1618263646');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

The background showed up but the problem now is that it's showing on all pages, I only want it on the homepage, all collections page, and behind blogs.

 

I know I can achieve this effect by using HTML code in the theme.liquid by imputing and styling

<style>

    {% if template contains 'page' and page.url == 'PAGE HANDLE' %}

         body {
              background-image:url('https://cdn.shopify.com/s/files/1/0559/5702/9026/files/Back-Long-1.jpg?v=1618263646');
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
               background-size: cover;
         }

   {% endif %}

</style>

 

But I can't figure out where to add the code and I can't seem to find the Page handle for the home page

0 Likes
KetanKumar
Shopify Partner
16791 1835 6285

@NZA 

yes, please try code and let me know if any issue 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes