[Fullscreen Slider] Images are being cut off

Hey Jeffrey Anthony,

Thank you for using Enfold.

The images in the full screen slider are set as background and the default background size property is set to “cover”. You can find the definition of the background size value in this link. (https://www.w3schools.com/cssref/css3_pr_background-size.asp)

We can set the background size value to “contain” or “100%” but it will create white space around the container or distort the image. Example.

.avia-fullscreen-slider .avia-slideshow >ul > li {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

Best regards,
Ismael

Hi,

Yes, that’s right. Try to use images with sizes that are within the standard screen resolution minus the site’s header height.

// https://www.w3schools.com/browsers/browsers_display.asp

Demo: (my screen resolution 1920x1080px)

Actual Image: https://imgur.com/a/W145ciC (1903x803px)
Full Screen Slider: https://imgur.com/a/x3h4dh5

Best regards,
Ismael

Hi,

No problem. Please create a new thread if you need anything else. :)

Best regards,
Ismael