Bilder werden geladen, aber nicht angezeigt

Hi,

The missing images are in the section in private. Could you try to upload and add that image again to see if that helps please?

Best regards,
Rikard

Hi,

The images are not displaying when the Section ID is filled because of this css code.

#so-123 img {
    opacity: 0!important;
}

Looks like you’re using the generic (.avia-builder-el-11, .avia-builder-el-6 etc) class attributes as selectors for the elements. Those class attributes are temporary and can change based on the number of elements in the page and their order in the builder. Turn on the custom css class field in order to apply a permanent css class attribute to the elements, which can then be used to change their style.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

Best regards,
Ismael

Hi,

Thanks for the update.

We applied the class attributes to the images and edited the css code in the style.css file.

#so-123 img {
	opacity: 0!important;
}
#so-123 .so123-bild1, #so-123 .so123-bild2, #so-123 .so123-bild3 {
	background-image: url(/wp-content/uploads/2018/12/itsupport-ersterschritt-grau.png);
	background-repeat: no-repeat!important;
	background-position: center!important;
}
#so-123 .so123-bild1:hover {
	background-image: url(/wp-content/uploads/2018/12/itsupport-ersterschritt-orange.png);
}
#so-123 .so123-bild2:hover {
	background-image: url(/wp-content/uploads/2018/12/itsupport-zweiterschritt-orange.png);
}
#so-123 .so123-bild3:hover {
	background-image: url(/wp-content/uploads/2018/12/itsupport-dritterschritt-orange.png);
}

Best regards,
Ismael