Sections & Columns Part 3: Using the Advanced Tab

In this tutorial we'll go over the advanced settings. The advanced tab saves you from adding CSS code to change the layout of the page.

In the video we show a full width section, with the different widgets all close together, without a lot of spacing between them and between the edge of the section.

Section Advanced Settings

Advanced 

Padding: Control the inner section spacing. I can set different padding for left, right, top and bottom.

Margin: Control the outer space of the section. 

Entrance animation: This adds an animation to the section's widgets.

Animation Duration: This is added when you set an entrance animation, and lets you control how fast the animation will run.

CSS Classes: Insert your own custom CSS class for later use in your CSS files.

Responsive

Reverse columns: Allows you to switch the order of the columns.

Visibility: Select the devices for which the section will show or hide.

Column Advanced Settings

The advanced settings for the columns is similar to the section advanced settings.

Responsive

Mobile width: Set the mobile width of the column.