Menu
Index
 

Module Position/ Widget Areas/ Regions

 
Module Position/ Widget Areas/ Regions
1

Add Columns & Rows

1. Add Columns & Rows
Add & Remove buttons : Add button (+) will generate the number of position bars as many as you want. Select the row where you want to add the new position bar and then click on the  Add button(+).  Remove button (-) will delete the selected position bars one by one.
 
Columns :  You can use this option to specify the number of Module-Positions/Widget-Areas/Regions in a position row/bar.
2

Color

2. Color
Use this option to apply the background color to a position bar. Select the position bar for which you want to apply the color and then choose the color for the selected position bar.
 
No Color:
Select this option to apply transparent background.
 
More Color:    
Select this option to use wide range of color collection available in Color Picker.     More..
3

Gradient

3. Gradient
Use this option to apply the gradient effect to the background of a position bar. Select the position bar for which you want to apply the color and then choose the color for the selected position bar.
 
More: 
Select this option to apply advanced gradient effects.     More..
4

Image

4. Image
Use this option to apply the background image to a Position bar. Select the position bar for which you want to apply the background image and then choose the background image for the selected position bar.
 
More: 
Select this option to Browse an image and modify image settings according to your requirement.     More...
5

Border

5. Border
Use this option to apply the border to a position bar. Select the position bar for which you want to apply the border and then apply the border for the selected position bar.     More..
6

Margin

6. Margin
Use this option to apply the Margin to a position bar. Select the position bar for which you want to apply the Margin and then apply the margin for the selected position bar.
7

Padding

7. Padding
Use this option to apply the padding to a position bar. Select the position bar for which you want to apply the padding and then apply the padding for the selected position bar.
8

Color

8. Color
Use this option to apply the background color to an individual positions. Select the position cell for which you want to apply the color and then choose the color for the selected position cell.
 
No Color:
Select this option to apply transparent background.
 
More Color:    
Select this option to use wide range of color collection available in Color Picker.     More..
9

Gradient

9. Gradient
Use this option to apply the gradient effect to the background of an position cell. Select the position cell for which you want to apply the gradient effect and then choose the gradient effect for the selected position cell.
           
More: 
Select this option to apply advanced gradient effects.     More..
 
10

Image

10. Image
Use this option to apply the background image to a position. Select the position cell for which you want to apply the image and then choose the image for the selected position cell.
 
More: 
Select this option to Browse an image and modify image settings according to your requirement.     More...
11

Border

11. Border
Use this option to apply the border to a position. Select the position cell for which you want to apply the border and then apply the border for the selected position cell.     More..
12

Margin

12. Margin
Use this option to apply the margin to a position. Select the position for which you want to apply the margin and then apply the margin for the selected position cell.
13

Padding

13. Padding
Use this option to apply  the padding to a position. Select the position for which you want to apply the padding and then apply the padding for the selected position cell.
14

Width

14. Width
Use this option to apply  the width to a position. Select the position for which you want to apply the width and then apply the width for the selected position cell.
15

Show in Mobile View

15. Show in Mobile View
Use this option to show/hide a position in mobile. Select the position which you want to show/hide in mobile and then check the option to show the cell in mobile and vice versa to hide.
16

Module Name

16. Module Name
Use this option to rename a position. Select the position which you want to rename and then write down the desired name in the text box and click ok button.
17

Draw Position

 
Use this option to draw a position on header/menu/footer.
 
Color:
Use this option to apply the background color to a drawn position. Select the drawn position for which you want to apply the color and then choose the color for the selected drawn position.
 
No Color:
Select this option to apply transparent background.
 
More Color:    
Select this option to use wide range of color collection available in Color Picker.     More..
 
Gradient:
Use this option to apply the gradient effect to the background of a drawn position. Select the drawn position for which you want to apply the gradient effect and then choose the gradient effect for the selected drawn position.
           
More: 
Select this option to apply advanced gradient effects.     More..
 
 
Image:
Use this option to apply the background image to a drawn position. Select the drawn position for which you want to apply the image and then choose the image for the selected drawn position.
 
More: 
Select this option to Browse an image and modify image settings according to your requirement.     More...
 
Draw:
Click on this Draw Button and now you can draw a new position on Header, Menu or Footer.  After click the mouse pointer will change into a crosshair pointer and then you can draw position on header, menu or footer according to your requirement.
 
Border :
Use this option to apply the border to a drawn position. Select the drawn position for which you want to apply the border and then apply the border for the selected drawn position.
 
Draw Position Name :
Use this option to name/rename a drawn position. Select the drawn position which you want to provide a name and then write down the desired name in the text box and click ok button.
 
Show in Mobile View:
Use this option to show/hide a drawn position in mobile. Select the drawn position which you want to show/hide in mobile and then check the option to show the position in mobile and vice versa to hide.