identifying section headings

DIVIDER

General

Image

1- Layout: Default (1200px), Center (960px), FullWidth, Half – Right content or Half – Left content (Demo).

2- Overlay: You can add an overlay to the section by checking the check box (Overlay), after that a new box will be displayed so you can add the section overlay color and set it’s transparent (Alpha).

3- Triangle: You can add a triangle beneath the section by checking the check box (Triangle), and a select box will be displayed, so you can select the triangle position (Left, Left center, Center, Right center or Right).

4- Element extra class: Assign a css class to the section (useful for custom css styles).

5- Element ID: Assign an ID to the section (useful for page smooth scroll).

identifying section headings

DIVIDER

Background

Image

1- Background color: You can select a predefined color (Primary or secondary) or you can select Custom (selecting Custom will display a box, which you can choose the color from it).

2- Background image: Clicking on the green plus sign will open the WordPress media library so you can add/upload your background image. For section layout (Right content and Half – Left content) you can set an image instead of the background image by checking the check box (Half section image) and it will display another box with a plus on it, clicking on that sign will open the WordPress media library so you can add/upload your image.

3- Video Background: If you want to create a section with a Youtube video background, check the check box (Video Background) and you will have to enter:

– Youtube video URL (Direct URL to the Youtube video).
– unMute video (If you want to play the video with sound)
– Video fallback image (it’s useful for the mobile devices, it will display an image instead of the Youtube video, because the background video will not work on mobile devices due to mobile manufacture restriction).

identifying section headings

DIVIDER

Design Options

Image

By default the section (Top and bottom Padding is 80px 50px respectively), if you will change these values for certain sections keep in mind that all elements have a bottom margin of 30px.

It means if you want to increase the padding to 100px it will be:

– Top Padding 100px
– Bottom Padding 70px