How to change the background

Hello.

Select the Container inside the first Carousel Item. On the right, in the Backgrounds section, you can change the background color.

To add a background image, with the container selected, click the + icon next to the BACKGROUNDS and select the image you want.

Here is related documentation.

Hi there,

You need to remove the black background color, as it’s covering the background image. Refer to George’s screenshot above for the exact Background Color setting location.

when adding background color or background image, i need to add it to container 1 or container 2??

The background should be added to the root container, which in your case is the Carousel Item block (Container 1).

If I choose the background image, what is the size of the default background image to get the best display result?

The image should match the aspect ratio of the container. The exact image size doesn’t matter—as long as you use a high-resolution, optimized image, it will display correctly.

For arrow control or dot control, Modify the settings and enable it to play automatically?

I’m not entirely sure what you’re referring to here. Could you clarify what behavior you’re trying to achieve?

for this page
https://prnt.sc/PkAKvpmYVBu3 – the bakcgournd image and dot control of this carousel item is normal

https://prnt.sc/NdjUjkdb_OlL – other two caoursel items are not normal , where is the problem, ?

Select the Carousel Items block, then remove the Height value under Sizing settings. That should fix the inconsistency.

I want the text within the red box to move only to the left, without covering the product image on the right. How can this be done? Is it feasible?

Yes. Select the inner container inside the Carousel Item block, then set Align Items to Align Start under Layout > Alignments.