change caption at images

Hey corneliaboehm!

Thank you for using Enfold.

Set the “Caption Appearance” to only display on hover then add this in the Quick CSS field:

.av-image-caption-overlay-position {
    display: table;
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
}

.av-caption-image-overlay-bg {
    height: 30%;
    bottom: 0;
}

Regards,
Ismael

Hey!

If you can use 5 columns instead and give a custom CSS class, you can achieve such look using Enfold.
I believe custom CSS field is already enabled on your installation but if it is not, please see – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/.
You can add five 1/5 column elements and insert text block element in each of them and give these text block elements a custom CSS class and add following code to Quick CSS

.your-custom-class:hover * { color: white !important; background-color: green !important; }

Best regards,
Yigit