• Gelöst Paul Steinchen

    (@paulkuellenberg)


    Hi,

    ich möchte die hover farbe meines Menüs ändern und habe deswegen die alte Farbe durch eine neue in dem file style.css meines templates ersetzt. Leider werden die Änderungen nicht übernommen und noch immer die alte Farbe angezeigt, obwohl diese eigentlich gar nicht mehr in dem file style.css vorhanden ist.

    Muss ich die Änderung auch in einem anderen file anpassen?

    Danke und liebe Grüße

    Paul

Ansicht von 12 Antworten – 1 bis 12 (von insgesamt 12)
  • alte Farbe durch eine neue in dem file style.css meines templates ersetzt.

    Das solltest du sowieso nicht machen, weil beim nächsten Theme-Update diese Änderung weg ist!

    Zum Thema:
    Hast du es im richtigen Theme gemacht, welches auch aktiv ist?
    Überschreibt eine andere Regel dein Änderung?
    Teil mal den Link zur entsprechenden Seite, bitte!

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Für eigene CSS-Regeln gibt es im Customizer ein Eingabefeld „Zusätzliches CSS“. Meistens greifen die CSS-Regeln nicht, weil ein spezifischere Regel das eigene CSS überschreibt. Zur besseren Erklärung ein kurzes Beispiel: Nehmen wir an, du möchtest in deinem Blog Absätze in der Farbe Maroon ausgeben. Normalerweise reicht dazu eine CSS-Regel wie

    p { color: maroon; }

    Wenn das Theme nun aber eine spezifischere CSS-Regel vorgegeben hat, greift deine CSS-Regel nicht. Eine spezifischer CSS-Regel wäre z.B.

    .entry-content p { color: midnightblue; }

    Wie sich das nun in deinem Fall verhält, können wir ohne einen Blick in die Website nicht beurteilen. Lies dazu bitte nochmal unseren FAQ-Beitrag Warum ein Link zu deiner Website wichtig ist.

    Grundsätzlich sind allerdings Fragen zu CSS, HTML, PHP, JavaScript, REACT usw. hier auch off topic, weil wir hier keine Grundlagen vermitteln können.

    Thread-Starter Paul Steinchen

    (@paulkuellenberg)

    Hallo Souri,

    ich wollte kein Child Theme machen, da ich dachte, dass ich lediglich wenige Änderungen vornehme und nicht sicher wahr ob ich das Theme auch immer aktuell halten sollte.
    – Das Theme ist das richtige, darauf habe ich geachtet.
    – Das kann ich leider nicht sagen.
    – Der Link zu der Seite: https://jannakuellenberg.com/

    Hallo Bego Mario Garde,

    ich verstehe, dann muss ich also über zusätzliches CSS Änderungen vornehmen.
    Der Link zur Seite: https://jannakuellenberg.com/

    Achso sorry ich dachte das hat genug wordpress Bezug um das hier posten zu können.

    LG

    Paul

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Trag doch mal im Customizer unter Zusätzliches CSS folgendes ein:

    .navbar-navigation a {
        color: #ff0000;
    }

    Sieht nicht schön aus, aber du siehst sofort eine Änderung.

    Das Problem wird jetzt sein, dass du auch eine andere Farbe für Mauszeigerkontakt, aktive Links, Untermenüs, aktive Links im Untermenü, Links im Untermenü mit Mauszeigerkontakt … setzen möchtest.

    Du bekommst WordPress und Themes und Plugins kostenlos zur Verfügung gestellt und kannst sie, wenn das Theme für Änderungswünsche keine Einstellungsmöglichkeiten anbietet, nach Belieben ändern. Dazu musst du dann aber über die notwendigen Kenntnisse verfügen. Die können wir hier nicht vermitteln, weil es völlig den Rahmen sprengt und wir können auch nicht auf Zuruf laufend Änderungen vornehmen, weil dafür einfach die Zeit fehlt.

    da ich dachte, dass ich lediglich wenige Änderungen vornehme und nicht sicher wahr ob ich das Theme auch immer aktuell halten sollte.

    Das solltest du auf jeden Fall aktuell halten.

    Thread-Starter Paul Steinchen

    (@paulkuellenberg)

    Hi Bego Mario Garde,

    okay dann werd ich mich mal weiterbilden auf dem Gebiet, danke für die Tipps!

    Hallo bscu,

    okay verstehe, dann komm ich wohl nicht um ein Child Theme drumherum schätze ich.

    Danke und liebe Grüße

    Paul

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    CSS-Anpassungen gehen auch ohne Child-Theme, wenn du die CSS-Regeln im Customizer unter Zusätzliches CSS einträgst.

    du kannst auch falls die Änderungen, im zusätztlichen css Feld nicht „genommen“ werden noch !important an die Anweisung ran schreiben

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    … wobei der Zusatz !important immer nur eine allerletzte Lösung sein sollte, wenn gar nichts anderes mehr funktioniert.

    Es wird davon abgeraten, !important zu verwenden, da es das Debuggen erschwert, weil die normale Kaskadierung der Stylesheets dadurch unterbrochen wird.

    Quelle: MDN

    Thread-Starter Paul Steinchen

    (@paulkuellenberg)

    Hi,

    okay danke euch für die Tipps!
    Könntet ihr ein Css Editor Plugin empfehlen für einen Einsteiger wie mich?

    LG

    Paul

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Wofür brauchst du ein Plugin?
    Im Customizer kannst du unter Zusätzliches CSS eigene Regeln eintragen. Syntax-Hervorhebung und -Prüfung sind eine zusätzliche Hilfe. Außerdem siehst du gleich das Ergebnis.

    In den Entwickler-Tools des Browsers (Rechtsklick auf die Webseite > Untersuchen) findest du nicht nur das verwendete CSS, sondern kannst auch die vorhandenen Regeln ändern oder eigene hinzufügen. Du siehst auch hier gleich das Ergebnis.

    Für eine Reihe von komplexeren CSS3-Anpassungen gibt es Generatoren, z.B. https://www.cssportal.com/css-generators.php

    Auf Youtube findest du gute Tutorials auf Englisch, wobei mir persönlich die Tutorials von Free CodeCamp gefallen, z.B. CSS Full Course – Includes Flexbox and CSS Grid Tutorials

    Thread-Starter Paul Steinchen

    (@paulkuellenberg)

    Bego Mario Garde,

    vielen Dank für die Tipps! Da schau ich gern mal rein.

    Liebe Grüße

    Paul

Ansicht von 12 Antworten – 1 bis 12 (von insgesamt 12)

Das Thema „Css anpassungen wirken nicht“ ist für neue Antworten geschlossen.