AstroHub - How to use Row Separator module effectively?

BB – How to use Row Separator module effectively?

A webpage is often made up of a number of rows and sections. Separating these rows and sections with a simple horizontal line is old fashioned. The PRO Modules has a row separator module that allows you to use artistic separators that separate one row from the other.

AstroHub - How to use Row Separator module effectively?
AstroHub – How to use Row Separator module effectively?

Here are a few Details you would want to know about this module.

How to use a Row Separator?

1. Add a New Page or open an existing one in the Page Builder.

2. Insert a row on the page.

3. Click on Row Settings

AstroHub - How to use Row Separator module effectively?
AstroHub – How to use Row Separator module effectively?

4. Go to the Effects tab in the Row Settings window.

AstroHub - How to use Row Separator module effectively?
AstroHub – How to use Row Separator module effectively?

 

You will find around 14 Separator options for the Top and bottom.
You can select the separator you wish to use for each.

5. Select the Type of Row Separator you wish to insert

 

AstroHub - How to use Row Separator module effectively?
AstroHub – How to use Row Separator module effectively?
AstroHub - How to use Row Separator module effectively?
AstroHub – How to use Row Separator module effectively?

You can then…

  • Set a size in pixels
  • Set the Size for Medium sized devices and small sized devices.
  • Select a background color for the same

6. Save Settings

Receive our product updates, customer gift & daily product reviews