Debut Theme: Adding an image to the background of the password page

Mr_Zimmermann
New Member
1 0 0

Hello everyone,

I already saw a lot discussions on this but apperently there is no simple general solution to this, so I felt the need to start a discussion on my specific problem.

So in the following picture you can see that I added the picture i wish to have as a background to the assets and the code I added to the passwordpage section of the theme.css. 

Mr_Zimmermann_0-1621201334182.png

I tried everything i saw in other threads but cant find a solution. Thanks in advance and Im looking forward hearing from you.

0 Likes
ChoosiZon
Navigator
314 54 83

The styling can be done inside your password.liquid under Layout

Screenshot 202.png

 

Add something like this just above that closing </body> tag :

 <style>
    html {
      background-image: url('https://cdn.shopify.com/s/files/1/0309/3882/4841/files/fashionable-man-in-hatw.jpg?v=1614348370');
    }
     body, .password-page {
      background-color: transparent; 
    }
</style>

Screenshot 267874.png

Create
Launch
Donate
0 Likes