Überschreibe das CSS eines Plugins?

Ich verwende ein Plugin, das den folgenden Code für eine Schaltfläche hat:

Load More... 

Ich möchte die Größe der Schriftart erhöhen, die für den Text verwendet wird, um 16x zu sein. Wie mache ich das? Ich glaube, ich muss Code zu meinem style.css für mein Thema hinzufügen, aber ich bin nicht 100% sicher, was ich hinzufügen soll.

Vielen Dank im Voraus

Solutions Collecting From Web of "Überschreibe das CSS eines Plugins?"

Sie können dies auf zwei Arten lösen

No.1, um das ‘a’ -Tag mit dem classnnamen ‘bwg_load_btn_1 bwg_load_btn’ in deinem Plugin zu finden und einen solchen Inline-Stil hinzuzufügen

 Load More... 

2. in Ihrer style.css fügen Sie Schriftgröße für diese class hinzu mit! Wichtig,

  .bwg_load_btn_1.bwg_load_btn{ /* !important will override the style */ font-size:16px !important; } 

Wenn Sie Jetpack installieren, können Sie benutzerdefiniertes CSS schreiben, das nach einem anderen CSS geladen wird. Ich bin sicher, dass es andere Plugins gibt, die nur die css-Injektion machen, wenn Sie nicht das volle Jetpack wollen. Oder Sie können die CSS zu Ihrem eigenen Thema CSS hinzufügen.

Sie möchten etwas wie das Folgende hinzufügen, um die Schriftgröße zu ändern:

 .bwg_load_btn_1 { font-size: 2em; } 

Es ist ein bisschen schwierig, genau zu sagen, was funktioniert, ohne das CSS für das BTN selbst zu sehen, aber der Code sollte funktionieren. Alternativ können Sie den Selektor mit sich selbst verketten, um die Spezifität zu erhöhen:

 .bwg_load_btn_1.bwg_load_btn_1.bwg_load_btn_1 {} 

Verwenden Sie nicht, wichtig, wenn Sie nicht brauchen, Sie werden nur mehr Probleme für sich selbst einführen, als Sie brauchen. Das heißt, wenn das Plugin wichtig ist, um die Schaltfläche zu stylen, müssen Sie! Wichtig selbst verwenden.

Solange es keine “wichtigen” s in den Plugins css gibt, wäre es das beste Verfahren, an der goldenen Regel von css zu bleiben:

Je spezifischer die Regel, desto wichtiger ist sie.

Also, wenn Sie eine Regel überschreiben möchten, legen Sie eine Regel in Ihre CSS, die spezifischer in den Selektoren ist. Wenn die plugins.css sagt

 .bwg_load_btn_1.bwg_load_btn { font-size:12px; } 

dann können Sie diese Regel beispielsweise mit “out” angeben

 body .bwg_load_btn_1.bwg_load_btn { font-size:16px; } 

Keine Notwendigkeit für zusätzliche Plugins oder wichtige.

Eine einfache Lösung besteht darin, im Dashboard-Menü unter Aussehen auf Anpassen zu klicken. Nach dem Wechsel können Sie ein beliebiges benutzerdefiniertes CSS dort hinzufügen, wo zusätzliches CSS steht. Es wird automatisch überschrieben.

Ich denke, der Vorteil für neue Entwickler ist, dass Sie die CSS-Modifikationen hier speichern können. Wenn Sie die style.css direkt ändern und vergessen, sie zu speichern, könnten Sie sie später vergessen und verlieren, wenn Sie das Design aktualisieren.

Aus diesem Grund ist es besser, benutzerdefiniertes CSS an der oben genannten Stelle oder in der benutzerdefinierten CSS-Option zu platzieren, die von den Optionen des jeweiligen Themas bereitgestellt wird.