Passwort Page Background - Debut Theme

julius_richter
Tourist
14 0 1

Hey zusammen. Ich würde gerne bei meiner Passwort Page ein Background Image einfügen.
Habe das schon probiert (Siehe Bild) also ich habe ein Asset hinzugefügt und dann im theme.css:

.password-page {
display: table;
height: 100%;
width: 100%;
color: var(--color-body-text);
background: url("bg.png");
/*background-color: var(--color-body);*/
background-size: cover; }

Jedoch ist das Bild nur im "oberen" Bereich und nicht auf der ganzen Seite. Wie kann ich das denn lösen? (Der Body ist irgendwie nur bis zu hälfte des Screens)

julius_richter_1-1635941540917.png

 

 

4 ANTWORTEN 4
DP_Development
Pfadfinder
83 11 17

Die password.liquid besteht beim Debut Theme aus 3 Sections: 

{% section 'password-header' %}
{% section 'password-content' %}
{% section 'password-footer' %}

Hast du eventuell nur die password-header.liquid angepasst? Bleibst du bei der ursprünglichen Struktur müsstest du die password-content anpassen. Alternativ kannst du dir eine eigene password.liquid basteln.

Software Engineer and Frontend Developer
Fast, cheap and straightforward solutions! Shall I do this for you? Just send me a message!
Please click on like and "accepted solution" if my answer helped you.
julius_richter
Tourist
14 0 1

danke für deine Antwort. Im liquid bei den sections habe ich tatsächlich nichts geändert. Nur unter Assets die theme.css und dort halt die class .password-page
Die ganze HTML Seite geht auch gar nicht bis ganz nach unten.

julius_richter_0-1635949404474.png

 

DP_Development
Pfadfinder
83 11 17

Verstehe. Schau mal im Code-Editor, dort hat die Password-Seite ein eigenes Layout (/layouts/password.liquid). Wenn du dein Background Image in die Body-Klasse einbaust, sollte es gehen. Bei mir ist das die Klasse "template-password", kann bei dir aber auch anders heißen. 

Software Engineer and Frontend Developer
Fast, cheap and straightforward solutions! Shall I do this for you? Just send me a message!
Please click on like and "accepted solution" if my answer helped you.
julius_richter
Tourist
14 0 1

Layout für die Passwort-Seite habe ich, Ja.
Bedeutet ich habe jetzt meinen Klassennamen und kann in Theme.css diese Class mit css stylen.

-> .template-password {
background-image: url("bg.png");
background-size: cover;
}

Jedoch ändert sich immer noch nichts. (Das Bild ist zwar wie davor sichtbar aber eben nur bis zur hälfte des Bildschirms.