FooGallery mit css anpassen

Hallo Zusammen,

Ich verwende WordPress 4.9.5–de_DE mit dem Theme Twenty Fourteen.
Ich würde gerne in der Albumvorschau den Rahmen um die Vorschaubilder entfernen und
den Albumtitel unter den Vorschaubild anzeigen lassen.
Kann wir jemand einen Tipp geben?

http://www.jagdgilde-neulengbach.at/wordpress/foto…-vom-jahr-2018/

Zitat von SEpp55

Ja, man kann ......;)

CSS

.foogallery-album-gallery-list
.foogallery-pile
.foogallery-pile-inner {
    height: 220px;
}


.foogallery-album-gallery-list
.foogallery-pile h3 {
    bottom: -70px !important;;
    font-size: 20px;
    opacity: 1!important;
}


.foogallery-album-gallery-list
.foogallery-pile
.foogallery-pile-inner {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0) !important;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
}
.foogallery-album-gallery-list
.foogallery-pile::before,
.foogallery-album-gallery-list
.foogallery-pile::after {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0)!important;
}

Alles anzeigen

Wie gehabt - Zusätzliche CSS!

DANKE !!!!!!!!!!!!!!!!!!!!!!!!!
Du bist wie immer meiner Rettung! Danke für deine Hilfe!
Noch eine Frage, wenn ich jetzt z.B eine grüne Linie um die Vorschaubilder machen möchte
wo muss ich den Code einfügen.

border: 8px solid #99cc66;

Ich hätte es an folgender Stelle probiert was aber leider keiner Erfolg brachte!

.foogallery-album-gallery-list
.foogallery-pile
.foogallery-pile-inner {
height: 220px;
border: 8px solid #99cc66;
}

Danke für deine Hilfe und deine Bemühungen :-)

LG, Markus

Zitat von SEpp55

Da deine Bild-Titel nun <h3> 3-Zeilig sind eine zusätzliche anpassung und der grüne Bilderrahmen.

CSS

.foogallery-album-gallery-list
.foogallery-pile
.foogallery-pile-inner {
    height: 250px;
    }


.foogallery-album-gallery-list
.foogallery-pile h3 {
    bottom: -90px !important;
    font-size: 20px;
    opacity: 1!important;
}


.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
    height: auto;
    border: 2px solid green;
}

Alles anzeigen

Perfekt! DANKE, du bist der Beste :-)

DANKE !!!!!!!!!!!!!!!!!!!!!!!!!