Support » Themes » CSS für Bildergalley bearbeiten

  • Gelöst internetsurfer

    (@internetsurfer)


    Ich habe eine generelle Frage zu CSS. Ich habe eine Bildergalerie die alle Bilder innerhalb des Artikels mittels WP Shortcode anzeigt:

    [gallery link="file" size="medium" columns="4" ids="3509,3510,3511,3512,3513,3514,3515" orderby=rand"]

    Mit diesem Code werden alle sieben Bilder angezeigt.

    Mit dem CSS Code:

    figure.gallery-item {
    display: none;
    }

    figure.gallery-item:nth-child(-n+4) {
    display: initial;
    }

    Kann ich die Anzeige auf vier Bilder begrenzen. Wenn ich auf ein Bild klicke, geht das PopUp auf und ich kann alle Bilder sehen, so ist es auch gewollt.

    Das Problem, die vier Vorschaubilder werden zu groß angezeigt. Weis jemand wie ich die Größe per CSS steuern kann?

    Ja ich weis kein Link zur Seite angegeben, die Webseite ist noch nicht aktiviert.

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • localeconv

    (@localeconv)

    Ja das ist kein Problem:

    figure.gallery-item {
    display: none;
    }

    figure.gallery-item:nth-child(-n+4) {
    display: inline-block;
    }

    Danach sollte es funktionieren

    internetsurfer

    (@internetsurfer)

    Jepp funktioniert, ich bedanke mich 🙂

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)