AioSections Common Settings

Each sections allows for a variety of customization options. We have streamlined some settings to be standard across all sections. The options below apply to all sections.

Section Settings

Section Layout

For section with you can add has-container for 80% with and has-container-fluid for 100% width.

Row Reverse

can you move your content left to right and right to left? so you can checked row reserve checkbox and move your content.

Content Alignment

for text alignment you can change left, right, center use of Content Alignment features

InnerText Container Center Width

This checkbox is available only some sections, for inner text is center or full width.

Enable CSS/JS

This checkbox is available only some sections, for section js and css file if you want to work js and css file under section then enable this option otherwise disable.

Font Family Content

You can add font-family here for sections whole content Example: Title, Subtitle, Description and Button. and also you can disable default font-family and add your font-family.

Section Design

Step 1

Background Color

First you will checked Section Background Color checkbox , The background color can be set to a hex color value.

Step 2

Background Color Gradient

First you will checked Add Section Background Gradient Color checkbox ,There is a gradient picker available to choose a pre-designed gradient or you can adjust the gradient yourself.

Step 3

Background Image

First you will checked Add Section Background Image checkbox ,The background image can be set to a jpg png svg format.

Animation

If you want, The animation can be set.

Padding

Padding reflect to the space inside of the sections.

This option sets the padding for top, bottom, left, right for desktop and mobile view.

Margin

Margin reflect to the space outside of the section, creating space between the section and other sections on the page.

This option sets the margin for top, bottom, left, right for desktop and mobile view.

Advanced

For advanced users, we have created a place to add your own custom class.

For advanced users, we have created a place to add your own CSS.

Mobile Screen CSS : Up to 767px Wide

Tablet Screen CSS : 768 – 991px Wide

Desktop Screen CSS : 992 – 1199px Wide

WideScreen CSS : 1200 + Pixels Wide

CSS : for all screen