Dein Passwort Form hast du mit einem Plugin erstellt? Bei Elementor sollte das mit einem Shortcode in den Abschnitt eingefügt werden.
Nein, ich habe über WordPress auf Seiten –> Erstellen –> Sichtbarkeit –> Passwortgeschützt die Seite erstellt.
Dann muss es mit CSS gemacht werden. Bei den Customizer kannst du deine eigene CSS Angaben machen.
.post-password-form {
text-align: center;
margin: 40px 80px 50px 60px;
}
text-align stellt alles in die Mitte und ich hab den Abstand Margin mit hinzugefügt.
40px steht für den Abstand oben
80px steht für den Abstand rechts
50px steht für den Abstand unten
60px steht für den Abstand links
Diese musst du denn nach belieben anpassen. Aber diese gilt jetzt für alle Endgeräte, egal ob Desktop oder Smartphone.
Hier noch ein Text für bessere Optik
#pwbox-141 {
width: 50%;
}
Vielen Dank dir sieht jetzt viel besser aus!
Kein Problem. Soll dir das Eingabefeld noch zu groß sein kannst das noch kleiner machen und statt 50% dann
#pwbox-141 {
width: 30%;
}
ändern.
Probier dich aus und ändere die 30 in weniger oder mehr um, wie du es magst.
P.S. Die PX bei Margin habe ich bewußt unsymetrisch gewählt, damit du die Positionen leichter unterscheiden kannst. Links und Rechts würde ich aber den gleichen Abstand angeben, das fällt sonst gerade bei schmalen Display wie den Smartphone sehr auf.
-
Diese Antwort wurde vor 5 Jahren, 5 Monaten von
namenlos geändert.
-
Diese Antwort wurde vor 5 Jahren, 5 Monaten von
namenlos geändert.