Wie ändert man das CSS-Styling von Inline-Elementen, die standardmäßig in WordPress durch externes Styling angegeben sind? - jquery, html, css, wordpress, css3

<i class="Defaults-group tabs-icon tour_icon" style="color: rgb(255, 255, 255); background: rgb(16, 127, 201);" data-iconcolor="#107fc9" data-iconhovercolor="#ffffff" data-background="#107fc9"></i>

Dies ist der Code, der standardmäßig in my enthalten istWordPress und ich muss dies ändern, damit ich die Hintergrundfarbe der Symbole von den aktuellen blauen Symbolen in Grün ändern kann. Kurz gesagt muss ich die Datenfarbe und den Hintergrund von blau nach grün ändern. Aber da es in WordPress ist, kann ich das nicht. Bitte helfen Sie!

Antworten:

Erstellen Sie ein untergeordnetes Thema. Bearbeiten Sie im untergeordneten Thema das Stylesheet mit den gewünschten Werten. Das untergeordnete Thema überschreibt das Thema. Es gibt Plug-Ins, die kostenlos sind und Ihr untergeordnetes Thema für Sie erstellen. Der Vorteil eines untergeordneten Designs besteht darin, dass Sie beim Aktualisieren (WordPress oder Theme) Ihre Anpassungen nicht verlieren.

Versuchen Sie, den Styleoverride mit dem Parameter "! Important" in Ihrer eigenen CSS-Datei zu erzwingen, die am Ende geladen werden soll.

.tabs-icon:hover, .tour_icon:hover {
background-color: #FF0000 !important;
}