Support » WooCommerce » handpicked-products Bilder überlappen Text

Ansicht von 13 Antworten - 1 bis 13 (von insgesamt 13)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,
    wenn du das bei den Einstellungen des Themes nicht ändern kannst, dann füge bitte die folgende CSS-Regel unter Design > Customizer > Zusätzliches CSS am Ende ein:

    .wc-block-grid__products .wc-block-grid__product-image img {
        height: 17rem;
    }

    Evtl. musst du auch height: 17rem!important; verwenden und/oder den Wert entsprechend ändern.

    Viele Grüße
    Hans-Gerd

    Thread-Starter wildnaturalspirit

    (@wildnaturalspirit)

    Danke. Aber der Code wird so nicht akzeptiert. Tippfehler ?

    Thread-Starter wildnaturalspirit

    (@wildnaturalspirit)

    Es gibt in den zusätzlichen css schon unendlich viele Einträge, u.a.

    .image-block {
    max-height:270px;
    height:270px;
    width:auto;

    }
    .image-block img {

    }

    @media only screen and(min-width:480px) {

    .image-block img {
    height:250px !important;
    width:270px;
    object-fit:cover;

    }
    .image-block {
    max-height:270px;
    width:auto;
    height:270px;
    }
    }
    .image-block {
    max-height:270px;
    width:auto;
    height:270px;
    }

    sowie auch

    .wc-block-grid__product {
    flex:inherit !important;

    Kollidiert das ?

    Moderator Hans-Gerd Gerhards

    (@hage)

    Tippfehler ?

    nein

    Aber der Code wird so nicht akzeptiert.

    Heißt was genau? – Passiert gar nichts?

    Hast du einen Blick in die Developer Console (Aufruf mit F12) geworfen und geprüft, ob deine Änderung korrekt übernommen wurde? – Hier ein Beitrag von mir dazu mit einer kurzen Einführung.

    Du solltest bedenken, dass wir hier eine Handvoll Freiwilliger sind, die in unserer Freizeit Probleme von WordPress-Anwendern versuchen zu lösen. Wir helfen hier, so weit wir gerade Zeit haben. Insofern erwarten wir auch, dass du dir Zeit nimmst, das Problem auch nach Lösungsansätzen nochmals nach den Änderungen genauer zu beschreiben.

    Thread-Starter wildnaturalspirit

    (@wildnaturalspirit)

    Ja, vielen Dank für die Hilfe ! Aber es passiert tatsächlich gar nichts mit dem von Dir gegebenen Code.
    Die Schrift von deinem Code bleibt rot – insofern gehe ich davon aus, adss etwas mit der Syntax nicht passt

    Moderator Hans-Gerd Gerhards

    (@hage)

    Kollidiert das ?

    Daher sollte ja auch die genannte CSS-Regele ganz ans Ende unter Design > Cusotmizer > Zusätzliches CSS geschrieben werden.
    Das scheint aber nicht der Fall zu sein, wenn ich das richtig sehe.
    Das ist da, aber nicht mit dem als Alternative genannten Zusatz !important.

    Thread-Starter wildnaturalspirit

    (@wildnaturalspirit)

    Doch, ich habe sie ganz ans Ende gesetzt

    Thread-Starter wildnaturalspirit

    (@wildnaturalspirit)

    das important hilft auch nicht. Damit Du Dich davon überzeugen kannst, habe ich es noch einmal eingesetzt …

    Moderator Hans-Gerd Gerhards

    (@hage)

    Die Schrift von deinem Code bleibt rot

    wo genau ist die Schrift rot?
    Am besten erstellst du kurz einen Screenshot:
    https://de.wordpress.org/support/topic/wie-kann-man-bilder-in-einen-forenbeitrag-einfuegen/

    Thread-Starter wildnaturalspirit

    (@wildnaturalspirit)

    Das bleibt rot: .wc-block-grid__products .wc-block-grid__product-image img

    Moderator Hans-Gerd Gerhards

    (@hage)

    Das bleibt rot: .wc-block-grid__products .wc-block-grid__product-image img

    Keine Ahnung, wo was rot ist.
    Sorry, aber wenn du nicht auf meine Vorschläge eingehst (Screenshot), dann kann ich dir leider nicht helfen.
    Ich kann das hier nicht nachvollziehen und die CSS-Regel ist m. E. völlig korrekt.

    Thread-Starter wildnaturalspirit

    (@wildnaturalspirit)

    Hallo Hans-Gerd, ich habe alle deine „Anweisungen“ befolgt. Statt eines unnötigen Screenshots habe ich Dir den Teil des von Dir genannten Codes geschrieben, der von Customer als falscher Code rot markiert ist. Deine Lösung hat einfach leider nicht funktioniert.
    Wenig hilfreich ist es, mich anzuranzen.
    Ich danke Dir dennoch für deine Zeit !

    Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,
    ich kann mich nicht erinnern, dich „angeranzt“ zu haben, sondern ich habe lediglich darauf hingewiesen, dass ich mir das gerne in einem Screenshot angesehen hätte.
    Wenn du das als unnötig empfindest, ist das deine Sache.

    Da wir auf der Basis nicht weiterkommen, schließe ich den Thread.

Ansicht von 13 Antworten - 1 bis 13 (von insgesamt 13)
  • Das Thema „handpicked-products Bilder überlappen Text“ ist für neue Antworten geschlossen.