CSS von Wordpress-Theme erweitern

Question

Seit 3 ​​Tagen versuche ich mein CSS zu einem bestehenden Wordpress-Theme hinzuzufügen. Ich mache das, indem ich ein Child-Theme mit Child-Theme-Configurator (http://www.childthemeconfigurator.com/) erstelle. Grundsätzlich funktioniert es in Ordnung. Aber es gibt noch einige CSS-Inkonsistenzen, die ich nicht entfernen kann. Mein Child-Theme-CSS scheint durch das Eltern-CSS überschrieben zu werden (d. H. Falsche Ränder, Ränder, ...) Ich habe versucht, es mit verschiedenen Themen arbeiten zu lassen. Aber jedes Thema führt zu ähnlichen (aber etwas anderen) Problemen.

Ich brauche meine Custom-CSS nur innerhalb von Beiträgen, weil ich meine HTML nur in Beiträge einbetten. Also meine Fragen sind im Grunde: Gibt es einen Weg, um sicherzustellen, dass 100% der Eltern-Thema-Css in HTML-Posts deaktiviert/zurückgesetzt ist?

Answer 1

Öffnen Sie cPanel/FTP-Client und wp-content/themes/your theme/ gehen Sie eine style.css Datei sehen sollte, es hängt wirklich von dem Thema, das Sie verwenden, aber den meisten Fällen gibt es, man muss nur öffnen und bearbeiten es

Answer 2

Overriding Thema CSS ist notorisch schwierig.

Browser DevTools ist dein Freund. Klicken Sie mit der rechten Maustaste auf falsch formatierte Objekte und klicken Sie auf Inspizieren. Sehen Sie sich dann das CSS für den Artikel an.

Sie müssen herausfinden, wie Sie Ihre übersteuernden Selektoren irgendwie spezifischer als die im Theme machen können, also wird der Browser sie übernehmen.

Angenommen, Sie möchten den unteren Rand von Absätzen in Ihren Posts verringern. Lassen Sie uns sagen, das Thema Stil sagt

p { margin:0 0 10px;} 

Wenn Sie nur in dies einfügen wird es nicht funktionieren.

p { margin:0 0 6px;} /* no good */ 

Wenn Sie in diese setzen können Sie alle Arten von anderen Styling versauen.

Aber wenn Sie dies einfügen, haben Sie einen Selektor gemacht, der spezifischer als der im Stylesheet des Themas ist.

body article.post p { margin:0 0 6px;} 

devtools inspizieren Funktion können Sie sehen, wie Elemente gestylt sind, so dass Sie herausfinden, wie ihre Stile außer Kraft zu setzen. Das genaue Styling, das Sie benötigen, um Änderungen von Thema zu Thema zu überschreiben.