Lesefortschritt:

Divi-Button anstelle eines beliebigen Standardbuttons anzeigen

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

Trick # 383 | 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

Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.