How Do I Make Background Image On Password Page Sense Theme

[priscychavez]

I'd like to put a background image in the password page in the sense theme. I want it to look like this:

[Dan-From-Ryviu]

Hi @priscychavez 

You can do that by adding this code at the bottom of the base.css file 

body.password {
background-image: url("your image link") !imporatant;
}

[priscychavez]

I did that, and now it looks like this

[Dan-From-Ryviu]

Please update the code 

body.password { background-image: url("your image link") !imporatant; }
body.password .gradient { background: transparent !important; }

[priscychavez]

It is working better but the image is not showing correctly. I am attaching you how the page looks now and the background image I want to put

[priscychavez]

Look I used this code:

body.password { background-image: url("https://cdn.shopify.com/s/files/1/0878/7528/9361/files/Portada_desktop_54.png?v=1718692316") !important; }
body.password .gradient { background: transparent !important; }
body.gradient.password {
background-size: 100% 100% !important;
}

And the image is showing well now. Now how can I place an image for desktop and another image for mobile?

[niraj_patel]

Hello @priscychavez 
.password {
     background-image: url(" image url") !imporatant;

     background-repeat: no-repeat;
     background-position: center;
     background-attachment: fixed;
     background-size: cover;

}

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[priscychavez]

This is the image i am trying to put as a background, and this is how it is showing right now

[niraj_patel]

can you share store URL?

[priscychavez]

Sure. https://deliriohats.com/password

[INA_MSWEB]

Hello,

I am San from MS Web Designer.

Go to Themes > customize > select password template from dropdown > select email signup banner > upload background image

If you have further queries do let me know.

Regards,

San