• Guten Tag liebe Community

    jetzt habe ich ein Logik-Verständnis-Problem. Ich denke der Ansatz, dass man über Einstellungen->CSS globale CSS definieren kann ist super.
    Nun scheint es, dass ich zu blöd bin, die Feature zu nutzen. Als Beispiel trage ich bei CSS diesen Test ein

    Code
    <style>
      .test1 {
      font-weight: bold;
      font-size: 3em;
      color: violet;
      text-align: center;
    }
    <style>

    Danach neuer Text-Artikel und füge das ein:

    ...und es passiert gar nix!

    Was mache ich falsch oder welche Logik habe ich nicht verstanden?
    Dies hat mir leider auch nicht geholfen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

    Vielleicht erbarmt sich jemand und hilft mir den Knopf zu lösen.


    Danke und Gruss

    G.Ott

  • Da fehlt beim Code das korrekte schließende Tag </style>.

    danke, das habe ich übersehen, es funktioniert trotzdem nicht.

    Code
    <style>
      .test1 {
      font-weight: bold;
      font-size: 3em;
      color: violet;
      text-align: center;
    }
    </style>
  • Wenn Gott das schon nicht weiß ... :/

    Du machst das schon richtig, auch dass du die css-Klasse dann ohne Punkt eingibst passt.

    Was kommt denn da im Quelltext raus? Da sieht man ja auch, ob ein Befehl evtl. überschrieben wird. Könnte sein, dass alles von Einstellungen in der bundle.css überschrieben wird.

    Es gibt ja diverse Regeln für konkurrierende CSS.

    Zum Beispiel: Was später kommt überschreibt vorherige Angaben.

    Oder: Genaue Benennung mit ID überschreibt ungenaue Benennung, also #container .test geht vor .test

    Musst du im Zweifelsfall mal nach Hierachie CSS googeln.

  • Die CSS-Klasse im Text-Widget bezieht sich auf den Text und nicht auf die Überschrift. Versuchst Du möglicherweise mit der CSS-Klasse die Überschrift zu formatieren? Die Werte riechen für mich jedenfalls nach Überschrift ...

  • Die CSS-Klasse im Text-Widget bezieht sich auf den Text und nicht auf die Überschrift. Versuchst Du möglicherweise mit der CSS-Klasse die Überschrift zu formatieren? Die Werte riechen für mich jedenfalls nach Überschrift ...

    Das ist nur ein Test, damit ich die Logik verstehe: Es soll wirklich der Text formatiert werden, nicht die Überschrift - leider geht weder noch...

  • Die Logik hast Du in jedem Fall richtig verstanden. Wenn das wirklich ein Problem mit der Hierarchie ist, könnte es vielleicht so funktionieren:

    CSS
    <style>
      .test1 {
      font-weight: bold !important;
      font-size: 3em !important;
      color: violet !important;
      text-align: center !important;
    }
    </style>

    In meinem Projekt funktionert der von Dir gepostete Code jedenfalls einwandfrei.

    • Offizieller Beitrag

    Nach dem Ändern von CSS immer die Seiten neu erstellen. Mit F6.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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