Carousel Maker – Common Controls


Enable Inner Column

This option allows you to add inner columns with in the carousel item. Say if you have added two field types – Field type 1 and Field type 2. You will be able to set the width of Field type 1 to be 50% and Field type 2 to be 50% then both fields will align in a line. You may have to adjust based on your needs.


Enable Inner WidthRequires Enable inner column enabled

Set the width of inner column for the active field type.


Enable Inner Max WidthRequires Enable inner column enabled

Set the max- width of inner column for the active field type. Some times content will overflow out of the border in those cases this can be set same as above value to fix that.


Minimum Height

This sets the minimum height for the field type that you have added . Useful to make the carousel items appear aligned through out the carousel.

Case of use : Some title may take 1 line while others may take 2 lines. The content under them will look misaligned. The minimum height can be adjusted to 2 line height to make all carousel items align.


Wrapper

Change the wrapper for the field type. H1,H2,H3,H4,H5,H6,p,div. Useful for SEO


TABS

  1. STYLING : Used for styling the field type say color, background, padding and margin.
  2. TYPOGRAPHY : Used to set the typography for field type.
  3. ADVANCED : Set custom Class and ID for the field type. Allows you to customize the field with CSS.

TAB STYLING

Color

Change the color of text


Background

Change background Color


Width

Change the width of Element


z-index

If two contents are one above each other. Setting higher value will make the element to show up above the lower one. Say you have an image and you have you have placed a button above it using negative margin, to make the button show up above the image we will set the z-index for image as 10 and z-index of button as 11. Learn More : https://css-tricks.com/almanac/properties/z/z-index/


Position

Relative : Place the Elementor field type in relative manner

Absolute : Place the Elementor field type in absolute manner.


Margin :

Set the margin for field type. Supports negative margin to place the one element above another one. This is responsive control


Padding

Set the padding for field type. This is a responsive control


Border Color

Set the color for border


Border Style

Set the border style – Solid, grooved etc


Border Size

Set the border size


Border radius

Set the border radius for the block


Text Alighment

Align the text in the field type.


Content Alignment

Align the content , if width is less than 100%. To be used along with width parameter


TAB TYPOGRAPHY


Font Family

The font family selection only works in preview and live mode. This is not a bug. Elementor Limitation.


Size

Set the font size


Weight

Font thickness


Transform

Transform the text to Uppercase, Lowercase, Capitalize, Normal


Style

Normal, Italic Obique


Decoration

Underline, Over-line, Line through


Line Height

Set the line height


Letter Spacing

Set the letter spacing


TAB : Advanced

Class

Set the class . Useful in customizing the element way you like it


ID

Set the ID. Useful in customizing the element way you like it


Go to Top