Optical bug by WooCommerce

    • Gerade eben
    • Anzeige

    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.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    könnte man sicherlich mit etwas css richten. Dafür müssten wir allerdings drauf gucken können.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    das CSS vom Theme überschreibt das CSS von woocommerce.
    Teste mal über Design - Custom CSS:

    Code
    .woocommerce-error {padding: 1em 2em 1em 3.5em;}

    Für den sticky-footer würde ich das javascript aus deinem Beispiel testen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Nein, der Code ".woocommerce-error {padding: 1em 2em 1em 3.5em;}" löst das Problem leider auch nicht. Code eingegeben unter: Design - Customizer - Zusätzliches CSS.

    LG Martin

    Welches Beispiel?

    LG Martin

    Einmal editiert, zuletzt von maxe (15. April 2019 um 22:07)

    Ich seh nirgends dein zugefügtes CSS

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    dein Theme ist aber hartnäckig :confused:
    damit sollte es gehen:
    .entry-content ul.woocommerce-error {padding: 1em 2em 1em 3.5em;}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Ohhhh, guter Mann. SEHR GUTER MANN. Dieser CSS-Code funktioniert. Ist es fachlich richtig, wenn ich es so verwende:

    [COLOR=#0080ff].entry-content ul.woocommerce-error {padding: 1em 2em 1em 3.5em !important; }
    [/COLOR]
    Also mit (!important), damit ein späteres Update meines Themes oder von Woocommerce dieses CSS nicht wieder überschreiben kann?

    Danke,
    Martin

    ein !important ist mMn nicht nötig ... aber auch nicht schädlich.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Hallo maxe

    Okay, verstehe. Ich lass es mal drin, so nach dem Motto sicher ist sicher.

    Vielen Dank!

    ***********************************************
    Ich habe da noch so ein lästiges optisches Problem bei WooCommerce. Wenn ich eine Bestellung bei WooCommerce durchführe (z.B. Scheckzahlung) erhalte ich eine Bestätigung über die Kassen-Seite (Vielen Dank, deine Bestellung ist eingegangen).

    Dann kommt in der nächsten Zeile BESTELLNUMMER: / DATUM: / E-MAIL: / GESAMT: mit den entsprechenden Werten.

    Je nachdem welche E-Mailadresse ich eingebe (Länge der E-Mail-Adresse) oder welcher Gesamtbetrag ausgewiesen wird, verschiebt es die „ZAHLUNGSMETHODE:“ eine Zeile nach unten. Leider hat diese 2. Zeile keinen Abstand zur 1. Zeile und pickt ganz oben.

    Schön wäre hier der gleiche Abstand wie zwischen „Vielen Dank, deine Bestellung ist eingegangen“ und „BESTELLNUMMER:“, oder etwas mehr. Meines Erachtens fehlt genau eine Leerzeile.

    Ich habe das Problem im ersten Bild oben (Here should be a blank line - 5mm) beschrieben.

    Kann man das Problem auch mit einem CSS-code beheben?

    LG Martin

    ja sicherlich. Aber ohne Bestellung sieht man das css nicht.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Sorry, ich sehe Woocommerce hat schon dicht gemacht. Ich habe für dich einen Benutzer Account angelegt.

    Benutzer: maxe
    Passwort: maxe2019@

    Bei der Bestellung bitte Scheckzahlung anhaken. Als Emailadresse bei der Bestellung funktioniert auch 123@123.com.

    Danke,
    Martin

    du könntest .woocommerce ul.order_details li ein margin-bottom geben.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Hallo maxe

    Ich habe jetzt...

    .woocommerce ul.order_details li
    { margin-bottom: 35px
    ! Important;
    }
    .. eingegeben. da schein zu funktionieren.

    Ist das von deiner Seite aus gesehen (technisch) so okay?

    LG Martin

    Ja, ist okay

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Hallo maxe

    Super, danke!

    Jetzt habe ich noch genau 1 Problem. Wenn du das schaffst, machst du mir ein richtiges Ostergeschenk. Ich habe hier schon einiges versucht, aber es hat leider nicht funktioniert. Auch die Plug-In Lieferanten bekommen es leider nicht hin.

    Ich habe 4 Seiten bei denen sehr wenig Text drin ist. Nun habe ich das Problem das der Footer so natürlich in der Luft hängt und nicht unten am Bildschirmrand aufliegt (siehe An- / Abmelden).

    Da ich über dem Footer einen „zweiten Footer“ habe wo meine Werbebanner drin sind, hätte ich gerne, dass bei einer kurzen Webseitenhöhe (Seite mit wenig Text) der Footer (schmale Leiste mit Impressum, AGB, DSGVO, FAQ, Kontakt…) am unteren Rande des Bildschirmes aufsetzt. Dies bei jedem Bildschirm, egal wie groß dieser ist. Oder anders gesagt, wenn eine Seite nicht die gesamte Höhe erreicht (wenig Text) sollte sich die Seite automatisch an die Höhe des Bildschirmes anpassen, und dies bei allen Bildschirmgrößen. Ich möchte dies deshalb, weil ich den „zweiten Footer“ kommerziell nutzen möchte (Werbebanner).

    Derzeit löse ich das Problem so, dass ich für die entsprechenden Seiten eine Mindesthöhe eingebe.

    Beispiel:

    .page-id-932 #primary {
    min-height: 625px !important;
    }

    Als zusätzliche Sicherheit mache den Hintergrund in der gleichen Farbe (grau), falls ein Bildschirm eines Users größer ist und so der Footer zu hoch steht. Das ist eine Notlösung, jedoch nicht dies was ich möchte.

    Ich habe jetzt einmal den Hintergrund auf weiß gestellt und die Mindesthöhe für die Seite „An- / Abmelden“ entfernt damit du das Problem optisch sehen kannst.

    Vermutlich gibt es da 2 Ansätze:

    Entweder merkt die entsprechende Seite, dass sie zu wenig Text hat und schiebt den Footer nach unten an den Bildschirmrand, oder der Footer selbst positioniert sich bei jedem Bildschirm an die richtige Position.

    Was ich nicht möchte ist ein fixierter Footer (fixed) der am unteren Bildschirmrand stehen bleibt. Das habe ich schon getestet. Es sieht nicht gut aus und kostet zu viel Platz auf den Seiten wo ich genug Text habe.

    Kannst du mir hier helfen?

    LG Martin

    ist doch hier schon recht gut beschrieben: https://www.netprofit.de/blog/responsive-sticky-footer.html
    Probier doch mal unter 2. das Update, halt nicht mit main, sondern mit deiner ID/Class.

    Oder 3. mit jQuery.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden