Support » WooCommerce » CSS Style font-size für Shop Seite

  • Guten Tag,

    ich habe woocommerce in meine Homepage eingebunden und habe noch ein letztes Problem:

    auf der Shop-Seite welche im Backend in den woocommerce Einstellungen verbunden ist, bekomme ich einfach nicht den font-size für die Titel der Produkte umgestellt.Jetzt habe ich anderweitig Qualitäten, aber schon probiert folgendes im Thema Customizer zu setzen:

    .woocommerce-loop-product__title{
    font-size:18px;
    }

    Bei Styles, welche das Theme direkt betreffen funktioniert das auch. Leider nicht bei den verbundenen woocommerce Seiten. Wenn man meine angelegten Kategorie-Seiten aufruft, wie z.B.:

    https://fotografie.eventfoto-celle.de/produkt/portraitsitzung-8×10-klarglas/

    ist das eigentlich Produkt in Ordnung, aber die automatisch angezeigten „ähnliche Produkte“, sind vom Style gerade auf Mobilgeräten viel zu groß und reagieren nicht auf meine Anpassungen.

    Vielen Dank!
    Martin

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Es ist eigentlich nicht Aufgabe des Supportforums, auf Zuruf irgendwelche individuellen CSS-Regeln zu erstellen. Wir bieten gerne Hilfe zur Selbsthilfe, aber grundsätzlich musst du dir für eigene Anpassungen entweder das notwendige Wissen in CSS aneignen oder einen Dienstleister beauftragen.

    Was die Sache zusätzlich erschwert sind Links, die ein „Seite wurde nicht gefunden“ zurückgeben und vage, schwer nachvollziehbare Beschreibungen („… ist das eigentlich Produkt in Ordnung …“ – ???)

    Thread-Starter 1203v245grad

    (@1203v245grad)

    Hallo,
    genau die Hilfe zur Selbsthilfe wünsche ich mir.

    Ich weiß nicht warum der in den Post kopierte Link nicht mehr den exakten Text hat. Wenn man nur den Text kopiert funktioniert es.

    Die Seite mit integriertem Blog Absatz „woocommerce Produkt Kategorie“ wird mit meinen Style Anpassungen angezeigt. Ruft man ein Produkt auf, werden auf der Produktseite automatisch „ähnliche Produkte“ angezeigt. Diese Anzeige passt nicht von Schrift und Größe.

    wwocommerce muss irgendwo verhindern, daß ich die Anpassung der Schriftgröße im Customizer machen kann. Gibt es eine Datei, wo woocommerce die font-size für Elemente vorgibt und deswegen keine Änderung über den Customizer möglich ist?

    https://fotografie.eventfoto-celle.de/produkt/portraitsitzung-8×10-klarglas/

    Vielen Dank!

    Die Seite mit integriertem Blog Absatz „woocommerce Produkt Kategorie“ wird mit meinen Style Anpassungen angezeigt.

    Welche Webseite soll das jetzt sein?
    Was sind „deine Style-Anpassungen“?
    Was meinst du mit „Diese Anzeige passt nicht von Schrift und Größe.“?

    wwocommerce muss irgendwo verhindern, daß ich die Anpassung der Schriftgröße im Customizer machen kann.

    WooCommerce verhindert nichts, sondern bringt nur eigene Stylesheet-Regeln ein, die du ebenfalls im Customizer unter Zusätzliches CSS überschreiben kannst.

    Nur kurz ein paar CSS-Basics:

    Wenn du einen Absatz in pinker Schrift auf grünem Hintergrund ausgeben möchtest, verwendest du die CSS-Regel p { color: pink; background: green; }.
    Diese Regel wird aber keine Anwendung finden, wenn es eine CSS-Regel gibt, die spezifischer ist und andere Werte vorgibt, z.B. .woocommerce p { color: yellow; background: maroon; } – das Plugin „verhindert“ also nichts, sondern gibt eine spezifischere CSS-Regel vor, die du überschreiben musst: .woocommerce p { color: pink; background: green; }.

    (Das war jetzt nur ein Beispiel! Du kannst aber im Browser einen Rechts-Klick auf den Text machen und auf Element untersuchen gehen. Du bekommst dann angezeigt, welche spezifischen CSS-Regeln für dieses Element gelten und diese Regeln musst du überschreiben.)

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „CSS Style font-size für Shop Seite“ ist für neue Antworten geschlossen.