1. Home
  2. Docs
  3. Brain Divi Addons Free
  4. Free Modules
  5. Advanced Divider

Advanced Divider

Create beautiful dividers between Divi builder blocks. Adding icons, texts, several types of borderline, image mask into the text, and linkable divider. That all of those features are given.

Top useful features of Advanced Divider

  • Image mask.
  • Linkable divider.
  • Customization of the contents is allowed.

How to use Advanced Divider

Follow those steps. By following those steps you can easily use Advanced Divider and very soon we will insert here a video tutorial. Please at this time follow this documentation.

Step 1:

Go to the page and click Enable Visual Builder. Click Add new section and choose the row.

Step 2:

Click (+) icon “Add new module”, then “Insert module” will be appeared. From this section go to the search bar and search “Brain Divider”. Select “Brain Divider”.

Step 3:

After that, a layout will automatically appear. In the setting section, you will find three different tab Content, Design, and Advanced. Choice your content, elements, and layouts from this setting section. 

Step 4:

From the setting section, go to the Design tab and customize your content and elements.

Settings and Options

Follow Content and Design tab, all necessary element are described.

Content Tab

Advance divider content tab

Content

Divider Element

You can insert an element into the divider.

  • Text
  • Icon
  • Image

Divider Text

Text will appear on the divider.

Select Icon

Choose an icon to display with your divider.

Image

Upload an image for divider, or type in the URL to the image you would like to display.

Mask

Use Mask

Select whether you want to use the mask or not.

  • NO
  • YES

Upload Mask Image

Upload an image for the masking, or type in the URL to the image you would like to show into the masking.

Design Tab

Divider

Advance dividerr design tab

Content Alignment

This controls how your content is aligned within the divider.

Use Bottom Shape

Insert a shape on the divider bottom.

Select Shape

Choice your desire shape for the divider bottom.

Image

Upload an image for divider, or type in the URL to the image you would like to display.

Shape Width

Increase or decrease default divider bottom shape width.

Shape Weight

Increase or decrease default divider bottom shape weight.

Shape Color

Choose your desired color for the divider bottom shape

Shape Margin

It adds extra space to the outside of the elements,  increasing the distance between the element and other items on the page These controls help you to put a divider bottom shape on your desire position.

Divider Text

Padding

Text padding adds extra space to the inside of the text, increasing the distance between the edge of the text

Background

Set the background color of divider text

Border Radius

Here you can control the corner radius of the text. Enable the link icon to control all four corners at once, or disable it to define custom values for each.

Icon/Image

Advance divider icon image

Icon Color

Choose your desired color for the divider icon.

Icon Background

Set the background color of divider icon.

Icon Size

Increase or decrease the size of divider icon

Icon Padding

Icon padding adds extra space to the inside of the icon

Image Width

Increase or decrease divider image width. This control helps you to reduce or extend the image size.

Border

Advance divider Border

Border Type

Select different types of border for the divider

Border Style

Select different types of border style for the divider

  • Solid
  • Double
  • Dotted
  • Dashed

Border Style

Select different types of border style for the divider

  • Curved
  • Zigzag
  • Square
  • Curly

Border Spacing

Increase or decrease default divider spacing relative to the divider content.

Border Color

Choose your desired color for the divider border.

Border Weight

Increase or decrease divider border weight

Border Height

Increase or decrease divider border height

Border offset Top

Increase or decrease offset value relative to the divider content

Mask

Advance divider Mask

Image Repeat

Select whether you want to repeat mask image or not

  • Repeat
  • No Repeat

Image Size

Select mask image size

Image Position

Select the mask image position

Horizontal  Value

Set horizontal masking image position value

Vertical Value

Set vertical masking image position value

Was this article helpful to you? Yes No