Autoplay progress slider background position

[ablesonh]

Hey there

I’m wondering if there is a way to set the background-position for each slide?

I’ve used the json looper to change the background image of each slide, but two of them are cutting off the heads of people in the background images. This is the set-up I’m using:

{
“title” : “Products”,
“description” : “Description Goes Here”,
“image” : “/wp-content/uploads/2021/12/slider-featuredprojects.jpg”,
“ctaText” : “View Projects”,
“ctaLink” : “/projects/”
}

Thanks for your help.

[prakash_s]

Hello @ablesonh,

Thanks for writing to us.

Please make sure you have the Background-size as “cover” and “Background-position” as a “center”.

If it doesn’t work for you, we need to check your settings I would request you, please share your details in a secure note. Please provide the following details

• WordPress Login URL
• Admin level username and password
• Exact page URL

You can find the Secure Note button at the bottom of your posts

Thanks

[ablesonh]

Where do I find the background layers? As the code is generating which background image is used for each slide. So I’m not sure where the background image element is to make that adjustment as I’m just learning the new Modern Sliders in and outs.

Thanks.

[ruenel]

Hello @ablesonh,

Go to the Layout or Outline tab:

Find the Image element, Figure > Image element

Set the Position to Top Center so that the heads will not be cut off.

Kindly let us know how it goes.