Ankündigung

Einklappen
Keine Ankündigung bisher.

Gallery Isotope: Caption statt Hover unter das Bild setzen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Gallery Isotope: Caption statt Hover unter das Bild setzen

    Hallo an alle,

    ich habe einiges ausprobiert, aber ich komme nicht weiter. Unter
    https://neuewebsite.kisum-kreativhaus.de/presse.html
    ist ein Pressearchiv (Baustelle). Dies bedient sich mit dem Template "gallery_default_isotope_margin". Schöne Galerie mit Masonry-Verhalten, ideal für die unterschiedlich großen Bilder. Beim Hover über das Bild wird die Bildunterschrift zentriert angezeigt, sonst nicht. Ich möchte jedoch die Bildunterschrift direkt unter das Bild, ohne Hover. Idealerweise sollen um die Bilder auch noch Rahmen mit Padding. Das habe ich testweise mit der CSS-Klasse "border" für alle geschafft. Nun:

    1. Wie schaffe ich es, die Bildunterschrift immer unter dem Bild anzeigen zu lassen, innerhalb des Imagecontainers (ideal innerhalb des Rahmens)?
    2. Wo wird die Klasse "border" hinsichtlich Farben und Dicke festgelegt?
    3. In der Galerie wird jeweils links die Border nicht angezeigt, ergo wohl abgeschnitten. Muss die Border noch "collapse" o. ä. mitkriegen, damit sie in den Container "reinfällt"?

    Zu 1. lautet das CSS, was ich nicht umgestrickt bekomme, offenbar:
    Code:
    .ce_gallery .content-inside {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: rgb(255,255,255);
    line-height: 1.5;
    }

  • #2
    Hi,
    setz doch im Template direkt die Bildunterschrift-Ausgabe um.

    Die Klasse "border" muss auf die einzelnen <li> Elemente angewendet werden, denke ich (kann ebenfalls im Template hardcodiert gesetzt werden). Das sollte auch den Anschnitt optisch korrigieren.
    http://www.premium-contao-themes.com

    Kommentar

    Lädt...
    X