Kleinigkeiten selbst anpassen, mittels CSS

  • Affected Version
    WoltLab Suite 5.3

    Bin WoltLab Cloud Kunde, da ich nicht wirklich programmieren kann. Weder HTML, noch CSS.


    Aber ich würde gerne bisschen mit CSS rumspielen, so schwer können Kleinigkeiten doch nicht sein. Als Beispiel würde ich gerne die Hintergrundfarbe der Seite auf weiß stellen. Dazu muss ich erstmal via Anpassungen -> Stilen -> Erweiterte Anpassungen zu "Individuelles CSS und SCSS / Überschreiben von SCSS-Variablen" finden. Soweit ich die Beschreibung der Kästchen verstehe, will ich überschreiben, nicht individuell was machen?


    Jetzt muss ich irgendwie rausbekommen, wie der Seiten-Hintergrund heißt und diesem dann sagen, dass er nun #ffffff sein soll. Wie bekomme ich mit Safari raus, wie der heißt und was wäre dann die Anweisung, welche ich in "Überschreiben von SCSS-Variablen" einsetzen müsste?


    Habt ihr mir einen Tipp, wo man solche Grundlagen nachlesen kann?

    Wenn ich mich so umsehe, dann gibt es zig Erklärungen, wie CSS funktioniert, aber die setzen alle voraus, man habe die Seite bereits selbst programmiert oder hätte dies vor. Aber ich will ja nur in Bezug auf WoltLab bisschen anpassen, also vorhandenes ändern.

    EQpassion, die Community rund um den elektrischen smart.

    • Official Post

    Hallo,


    das klingt eher nach einer Aufgabe für den Tab "Farbpalette", dort lässt sich das ziemlich grafisch anpassen.

    Alexander Ebert
    Senior Developer WoltLab® GmbH

  • Du hast leider mehrere Stolperfallen in deinen Annahmen. Daher möchte ich das einmal hier aufteilen.


    1. „Überschreiben von SCSS-Variablen“

    Du willst keine SCSS-Variablen überschreiben, sondern individuelles CSS oder SCSS hinzufügen. CSS erlaubt von sich aus bereits das Überschreiben vorangegangener Deklarationen. SCSS-Variablen sind auch wirklich das, Variablen, und dienen dazu, denselben Inhalt an unterschiedlichen Stellen automatisch ersetzen zu können. Das willst du aber nicht. Demnach ist das richtige Eingabefeld für dich „Individuelles CSS und SCSS“.


    2. Tatsächlich bedarf es in deinem Fall keines eigenen CSS, da du bereits über die Farbpalette diesen Bereich farblich verändern kannst.

    Wähle dazu in der Farbpalette wcfContent aus und färbe ihn dann über einen Klick auf den Farbbereich bei $wcfContentBackground.

  • Das hatte ich glatt nicht gefunden. Danke Euch. :)


    Dennoch die Frage:

    Habt ihr mir einen Tipp, wo man solche Grundlagen nachlesen kann?

    Wenn ich mich so umsehe, dann gibt es zig Erklärungen, wie CSS funktioniert, aber die setzen alle voraus, man habe die Seite bereits selbst programmiert oder hätte dies vor. Aber ich will ja nur in Bezug auf WoltLab bisschen anpassen, also vorhandenes ändern.

    .. also in Bezug auf CSS oder SCSS hinzufügen. :)

    EQpassion, die Community rund um den elektrischen smart.