1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Schriftgröße der Titel bei WooCommerce ändern

Dieses Thema im Forum "Plugin-Vorstellung" wurde erstellt von thomasba, 17. Juli 2018.

  1. thomasba

    thomasba Active Member

    Registriert seit:
    17. Juli 2018
    Beiträge:
    25
    Zustimmungen:
    1
    Hallo an alle,

    ich möchte gerne die Schriftgröße der Titel auf meinen WooCommerce-Produktseiten ändern, weiß aber nicht genau, wo ich diese finde. Ich benutze das Theme "Storefront" von WooCommerce.

    Hat da jemand von euch einen Tipp für mich?

    Link: https://www.beer-ambassadors.de/produkt/halbjahresmitgliedschaft/

    Vielen herzlichen Dank für eure Hilfe bereits an dieser Stelle!

    Viele Grüße
    Thomas
     
  2. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Das machst du z. B. so:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  3. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Versuche mal nachfolgendes in Dashboard unter Design - Customizer in die Zusätzlichen CSS einzufügen:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    font-size nach eigenem Geschmack!! ;)

    Da das bereits mit der Keule "!important" in einer css behandelt wird .....
    /*-----STOREFRONT PRO-----*/
    /*Primary navigation*/
    unter anderem
    .storefront-pro-active h1 {font-size:50px !important;}

    aus LINK.
     
    #3 SEpp55, 17. Juli 2018
    Zuletzt bearbeitet: 17. Juli 2018
  4. thomasba

    thomasba Active Member

    Registriert seit:
    17. Juli 2018
    Beiträge:
    25
    Zustimmungen:
    1
    Lieber SirEctor,

    vielen tausend Dank für die Hilfe!

    Jetzt habe ich allerdings das Problem, dass der Preis darunter größer als die Überschrift angezeigt wird (finde die Größe 24px für die Überschrift aber top). Weiß jemand, wie ich den Preis in derselben Größe darstellen kann?

    Und funktioniert das mit der Schriftanpassunng auch für die Shopübersichtsseite?
    https://www.beer-ambassadors.de/shop/

    Vielen Dank bereits an dieser Stelle für die Hilfe!

    Viele Grüße
    Thomas
     
    #4 thomasba, 17. Juli 2018
    Zuletzt bearbeitet: 17. Juli 2018
  5. thomasba

    thomasba Active Member

    Registriert seit:
    17. Juli 2018
    Beiträge:
    25
    Zustimmungen:
    1
    Hallo SEpp55,

    vielen lieben Dank für deine Hilfe!
     
  6. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Der grüne Preis (mit Erläuterung)
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    font-size wieder nach eigenem Geschmack!! ;)
     
  7. thomasba

    thomasba Active Member

    Registriert seit:
    17. Juli 2018
    Beiträge:
    25
    Zustimmungen:
    1
    SEpp55,

    vielen Dank für deine abermalige Hilfe und die Erläuterunngen zur Important-Regel!
    Jetzt schaut es sehr gut aus, wie ich finde! ;) Danke dir!

    Kann man auch die Überschriften auf der Shop-Seite entsprechend anpassen?
    Link: https://www.beer-ambassadors.de/shop/
     
  8. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Da geht mit CSS sehr viel!

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Wenn ggf unerwünschte Nebenwirkungen (an anderen Stellen) auftreten müßte man den Selektor erweitern!!
     
  9. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Wie findet man das?
    Hier ein Video -
     
  10. thomasba

    thomasba Active Member

    Registriert seit:
    17. Juli 2018
    Beiträge:
    25
    Zustimmungen:
    1
    LiebeR SEpp55,

    vielen herzlichen Dank dir! Nebenwirkungen habe ich bislang keine feststellen können. Aber auch dafür danke für den Hinweis und das Video!
     
  11. thomasba

    thomasba Active Member

    Registriert seit:
    17. Juli 2018
    Beiträge:
    25
    Zustimmungen:
    1
    LiebeR SEpp55,

    eine Frage habe ich doch noch: Du hast die Schriftgröße für den grünen Preis in em angegeben, die der Überschriften in px. Wie verhalten sich denn in meinem Fall die em zu den px? Wenn ich also die Überschrift auf z.B. 20px verkleinern will, wie errechne ich dann die entsprechenden Größe in em?

    Viele Grüße
    Thomas
     
  12. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    px ist ein absoluter Wert, währen em sich am Elternelement orientiert. Hast du in der Basis 16px und nimmst dann 1.5em, entspricht dies 24px. Mit em brauchst du dann nur die Basis ändern und alle weiteren Schriften ändern sich proportional.
     
  13. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    SirEctor hat ja schon beschrieben wie das zusammenhängt. Da in deinen CSS px als auch em vorhanden sind habe ich daran nichts geändert. Zu finden gibts ausführlich einiges. LINK
     
  14. thomasba

    thomasba Active Member

    Registriert seit:
    17. Juli 2018
    Beiträge:
    25
    Zustimmungen:
    1
    Vielen herzlichen Dank euch beiden für die Hilfe und Info!
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden