Lesefortschritt:

Divi-Button anstelle eines beliebigen Standardbuttons anzeigen

4. September 2024 | CSS-Stylesheet, Divi-Theme, Scripts

Dieser Beitrag beinhaltet 472 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

Häufig verwenden Plugins oder Hacks den Standardbutton, wie er ihn HTML üblich ist. Doch das können Sie ändern und stattdessen den hübschen Divi-Button anzeigen lassen.

Standardmässig geben Buttons nicht gerade viel her und zeigen sich etwa so wie in der Ansicht nebenan:

Das lässt sich jedoch ändern. Mit einem kleinen Script und minimaler Handardbeit präsentiert sich der Button so:

Alles, was Sie benötigen sind ein paar Zeilen Script-Code, den Sie in den <head>-Bereich Ihrer Divi-Website (im Backend unter Divi/Theme-Optionen/Integration) kopieren:

<script>
jQuery(document).ready(function($){
  $('.CSS-KLASSE-EINTRAGEN').addClass("et_pb_button");
});
</script>

In Zeile 3 müssen Sie den Passus CSS-KLASSE-EINTRAGEN ersetzen. An dessen Stelle fügen Sie die CSS-Klasse des Buttons ein, welchen Sie gegen den Divi-Button austauschen möchten.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This