Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallooo (:
ich habe eine Frage zu den Checkboxen für AGB, Datenschutz, etc. direkt bevor man den Button "Zahlunsgpflichtig bestellen" im Kassenbereich bei WooCommerce klickt:
Diese sind einfach nicht so schön formatiert, d.h. der Text steht zu nah den Boxen und etwas nach unten versetzt. Ich habe ein Bild davon beigefügt.
Weiß vielleicht jemand wie man diese Formatierung ändern kann?
Vielen Dank schonmal und viele Grüße!
- Natalie
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Das geht bestimmt über vertical-align oder padding/margin.
kann man das im Backend ändern oder muss ich da in irgendeine Datei auf dem Server?
Das geht vermutlich im Backend über Design - Customizer - Zusätzliches CSS
Also ich hab's jetzt hingekriegt, dass der Text nicht mehr so nah an der Box steht. Aber der ist immer noch nach unten versetzt. /:
Du hast den Link zu den Forenregeln selbst in deiner Signatur. Schau mal nach was dort steht.
Wie genau sollen wir dir helfen anhand eines Bildes?
Ich vermute jetzt einfach mal, dass du gerne mehr Infos hättest:
Wordpress Version: 4.9.3
WooCommerce Version: 4.3.1
Theme: Mystile
Plug-Ins haben wir eine Menge, aber keins was den Kassenbereich von WooCommerce beeinflusst.
Die beiden Vorschläge aus der ersten Antwort habe ich mit womoglich allen Werten ausprobiert.
Ich komme leider nicht an nur den Text dran, sondern nur Text+Box oder nur Box.
Falls jemand weitere Infos benötigt, wäre es nett wenn er/sie mir sagt, welche gebraucht werden.
Vielen Dank schon mal!
Wie wäre es mit einem Link zum Geschehen?
dann müsste ein Produkt in den Warenkorb gelegt werden und bis zur Kasse gehen. Die Checkboxen sind dann ganz unten auf der Seite bevor man zahlungspflichtig bestellt
Versuch es mal so:
.mc4wp-checkbox.mc4wp-checkbox-woocommerce input[type="checkbox"] {
margin-right: 8px;
margin-left: 15px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span,
.mc4wp-checkbox.mc4wp-checkbox-woocommerce span {
vertical-align: top;
line-height: 1em;
}Hat leider nichts gebracht. Ich hab die Werte auch mal geändert, aber es hat sich gar nichts getan. /:
Dann versuche mal nachfolgendes in Dashboard unter Design - Customizer in den Zusätzlichen CSS einzufügen (ggf. Cache löschen nicht vergessen).
/*Checkboxen für AGB, Datenschutz ausrichten*/
.form-row {
width: 99%;
}
.form-row input[type="checkbox"] {
margin-right: 10px;
margin-left: 15px;
margin-top: 7px;
}Erste Anweisung ändert, daß die beiden Checkboxen nebeneinander sind!
Zweite verschiebt das Kästchen nach unten.
Code/*Checkboxen für AGB, Datenschutz ausrichten*/ .form-row { width: 99%; }
Das hat viel zu viel Auswirkungen auf andere Elemente. SirEctrors Ansatz ist schon richtig, man muss nur mit den Klassen ein wenig jonglieren. Im Übrigen bin ich der Meinung, dass sich der TO vertrauensvoll an die Agentur wenden sollte, die die Seite erstellt hat, wenn dafür schon ein Copyright im Footer der Webseite besteht.
Sorry - ok!
hab den Code-Schnippsel gerade mal eingefügt und es funktioniert. Auf den anderen Seiten ist auch nichts verschoben.
Sollte ich den ersten Teil trotzdem weglassen? Der zweite Teil reicht nämlich um die Box und die Schrift auf eine Linie zu setzen.
Auf den anderen Seiten ist auch nichts verschoben.
Nunja - mag sein, aber auf dieser Seite ist das Kästchen für die Checkbox "Ein Kundenkonto eröffnen?" ewtas zu tief....... :-(
und bei der Anmeldung zum Newsletter klebt der Text noch immer am Kästchen....
Bei der Anmeldung zum Newsletter konnte ich vor den Text ein Leerzeichen einfügen, sodass es nicht mehr ganz so nah an dem Kästchen klebt. Aber dem Kundenkonto hab ich's auch nicht hingekriegt :(
So ich habe mir noch einmal im meinem Ansatz die Selektoren angesehen und diese verfeinert. Auf dieser Seite konnte ich keine negativen Auswirkungen erkennen ;-) Wenn sonst etwas zerstört - wieder löschen ;-)
Das Leerzeichen bei der Anmeldung zum Newsletter wäre damit auch hinfällig...
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox,
#createaccount.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox {
margin-top: 5px;
}
.mc4wp-checkbox.mc4wp-checkbox-woocommerc,
._mc4wp_subscribe_woocommerce, input {
margin: 0 10px 0 0;
}
#createaccount.woocommerce-form__input woocommerce-form__input-checkbox,input-checkbox,
#terms.input-checkbox,
#shipping-service-provider.input-checkbox {
margin-right: 8px;
margin-left: 0;
margin-top: 7px;
}
#order_review.woocommerce-checkout-review-order, {
margin-right: 8px;
margin-left: 0;
margin-top: 10px;
}Mir gefallen die unteren beiden Checkboxen einzeilig besser, ohne der color-Anweisung (die Links fallen sonst nicht auf!).
Jaaa das hat alles funktioniert!
Vielen vielen Dank SEpp55!
Du hast recht, die beiden unteren Boxen sehen einzeilig besser aus. Ich konnte auch auf der gesamten Website nichts finden was jetzt kaputt ist. Ich hab nur Angst, dass die Anweisung "form-row" irgendwas im Hintergrund zerschießt ...
Das rot will halt Chef so ... :rolleyes: Hab's aber wieder rausgenommen, weil du auch hier recht hast ;)
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!