Flexbox Container Style tab settings

The Container can be customized by using the following Style Tab options. These are unchanged from the previous Section style settings. 

Background

1. Background Type – Select the background type, color, gradient, image, or slideshow
2. Color (background): From the color picker, select the color(s) for the field
3. Image: Click to select or upload an image or images if slideshow type is used to the media library to use as the background image of your container

Background Overlay

1. Background Type – Select the background type, color, gradient, image
2. Color (background): From the color picker, select the color(s) for the field
3. Image: Click to select or upload an image to the media library to use as the background overlay image of your container
4. Opacity: Use the slider or manually enter a value in the field

Border

1. Border type: From the dropdown menu select between solid, double, dotted, dashed, or grooved
2. Width (border): Enter a chosen value in the fields based on px, em, or %
3. Color (border): From the color picker, choose the background color for your border
4. Border Radius: Enter a chosen value in the fields based on px, em, or %
5. Box Shadow: Click the pencil icon to open the shadow properties options.

Shape Divider

1. Choose to display at the Top or Bottom of your container
2. Type: Click the dropdown to choose your Shape Divider style
3. Color: Pick a color
4. Width: Set the width of your Shape Divider
5. Height: Set the height of your Shape Divider
6. Flip: Flip the direction of your Shape Divider
7. Bring to front: Force your Shape Divider to be in front of other objects

Next steps

Now that you’ve familiarized yourself with the container setting in the Style tab, learn about the container settings in the Advanced tab.

To get the most out of Elementor, check out the Elementor Academy for helpful learning resources. If you come across any issues or need help, please contact our Support Center.