Css anpassungen wirken nicht
-
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
-
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!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
Maroonausgeben. Normalerweise reicht dazu eine CSS-Regel wiep { 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.
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
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.
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
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
… wobei der Zusatz
!importantimmer 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
Hi,
okay danke euch für die Tipps!
Könntet ihr ein Css Editor Plugin empfehlen für einen Einsteiger wie mich?LG
Paul
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
Bego Mario Garde,
vielen Dank für die Tipps! Da schau ich gern mal rein.
Liebe Grüße
Paul
Das Thema „Css anpassungen wirken nicht“ ist für neue Antworten geschlossen.