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

    Styling-Ideen für das Divi-Blurb-Modul

    Vor Wochenfrist haben wir einen Beitrag zum Blurb-Modul des Divi-Themes veröffentlicht, in dessen Folge zahlreiche Anfragen für besondere Stylings eingetroffen sind. Darum schieben wir heute eine Serie Stylingideen zum Informationstext-Modul ...
    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.