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.