Transparent header and footer for Dawn (Passwort page only)

Store Design
1

Hello Everyone :slightly_smiling_face:
Im very thankful for this awesome community and all the quick answer on my last questions.

I got a new question todal, lol.

So, I want a transparent header and footer on the password page ONLY like in the image below (Dawn Theme).
How can i do this?

My Website: trueloveclo.com
Website from the Picture (How i want it)

Thanks in advance for the Answers! :slightly_smiling_face:
Cheers! David

enemyearthtransparent.PNG
enemyearthtransparent.PNG2481×878 330 KB

2

@DavidG_TL ,

You logo is already in white then it will be not visible at transparent background

.password .password__footer.color-inverse.gradient {
    background: transparent;
}
.password .password__footer.color-inverse.gradient {
    background: transparent;
}
.modal__toggle-open.password-link.link.underlined-link {
    color: #000;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

3

Thank you for your quick answer, sadly this didnt work :disappointed_face:

4

@DavidG_TL ,

Add the css in this file

Css File: section-password.css

.password .password__footer.color-inverse.gradient {
background: transparent !important;
}
.password .password__footer.color-inverse.gradient {
background: transparent !important;
}
.modal__toggle-open.password-link.link.underlined-link {
color: #000 !important;
}

5

Hey, thanks for your answer again.
Ive tried it but this didnt work either :disappointed_face:

The footer gets white and header keeps black onle the “Enter with password” turns black.
I want to make it transparent so the whole picture can spread over the password page.

Thanks in advance for your other solutios! :slightly_smiling_face: