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

    Content zentriert im Browserfenster anzeigen

    Einen Websiteinhalt - sei es nun ein Bild, Text oder ein anderes Element - können Sie ganz einfach vertikal und horizontal zentriert im Browserfenster anzeigen. Bei Bedarf werden Sie sogar den Scrollbalken los, falls Sie dieser stört.
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This