Select the parent Blog Post and navigate to the Design tab. Now open the Slider Container panel. you can see the container settings option, now click on the container option.
This setting has a responsive height option. You can set the slider height for desktop, tablet, and mobile in different units like pixels (px), em, vh, and percentages (%).
When you click on the “container” option, you will see several settings that can be adjusted using sliders and various controls. Here is what is shown below in the screenshot for reference:
- Padding: Sets the space between the container’s content and its border (top, right, bottom, left).
- Margin: Sets the space between the container and its neighboring elements (top, right, bottom, left).
- Background Type: Choose between Classic (solid color or image) and Gradient backgrounds.
- Classic: Solid color or image background.
- Gradient: Smooth transition between multiple colors.
- Background Color: Set a solid background color for the container.
- Upload Image: Add a background image to enhance visual appeal.
- Container Overlay: Apply overlay effects for added design flexibility.