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