Lesefortschritt:

    Navigations-Icons des Divi-Galerie-Modul ausblenden

    14. September 2025 | CSS-Stylesheet, Divi-Theme

    Trick # 494 | Dieser Beitrag beinhaltet 563 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

    Das Divi-Theme verfügt über ein Galeriemodul, mit dem Sie Bilder sowohl in einem Raster- als auch in einem Slider-Format anzeigen können. Im Slider-Modus zeigt das Galerie-Modul Navigationspfeile und Punkte an. Wenn Sie diese ausblenden möchten, genügt ein wenig CSS.

    Das Galerie-Modul des Divi-Themes im Slider-Modus zeigt sich normalerweise so wie im Screenshot nebenan:

     

    Bewegt man die Maus über das gerade angezeigte Bild, werden Navigationspfeile und -punkte eingeblendet.

    Wenn Sie diese Pfeile nicht sehen möchten, kopieren Sie den folgenden CSS-Code und fügen Sie ihn in das CSS-Stylesheet Ihrer Website ein – unter Design/Customizer/Zusätzliches CSS:

    .et_pb_gallery .et-pb-slider-arrows,
    .et_pb_gallery .et-pb-controllers {
    display: none !important;
    }

    Falls Sie den automatischen Bildwechsel im Slider aktiviert haben (im Tab «Design» unter «Animation») benötigen Sie stattdessen folgenden CSS-Code. Auch diesen kopieren Sie in das CSS-Stylesheet unter Design/Customizer/Zusätzliches CSS:

    .et_pb_gallery.et_slider_auto .et-pb-slider-arrows,
    .et_pb_gallery.et_slider_auto .et-pb-controllers {
    display: none !important;
    }

    Die Galerie-Slideshow präsentiert sich danach ohne Navigation:

    Werbung

    Drücken Sie Ihrer Website einen Stempel auf

    Wenn Sie Ihre besten Beiträge, ihre neuesten Inhalte oder Ihre persönlichen Favoriten mit einem Stempel auszeichnen möchten, gelingt das mit ein wenig CSS ganz einfach. Das gibt richtig coole Möglichkeiten im Stempel-Look,
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This