The name of the Widget Area tab changes according to the choice made by the CMS as follows:

Widget Areas:- For WordPress, WooCommerce
Module Position:- For Joomla
Block Reference:- For Drupal, Magento, OpenCart, Prestashop, VirtueMart

Widget Areas/Module Position/Regions/Block Reference Tab

1 Add Row

This option adds a Row. Select the position where you want to add the new row. You have given choices as follows:

2 Columns

Specifies the number of Module-Positions/Widget-Areas/Regions (Columns) in a position row/bar.

3 Shadow

Gives a shadow effect to the background of position bar.

More –
“More” lets you to even customize the color, angle, blur, and distance of the shadow effect. Here are the more details.

4 Background

To choose a preferred color, gradient, or image to apply to the background of selected position bar.

TemplateToaster features the following extended background options-

Color Picker-

TemplateToaster gives you a color picker to choose a background color. Here is the full description of the color picker.

Custom Gradient-
You can create custom gradients with the preferred angle, color and offset choices. You can save the gradients as well. See this for more information about creating and saving the custom gradients.

Browse Images-

You can even apply an image to the content background. TemplateToaster has an inbuilt stock of free images. You can select an image from the stock, or browse your custom images.

You can even edit the browsed images. TemplateToaster has an image editor with a dozen of edit options to customize the browsed images. For details, see this.

5 Border

Marks a border around the position bar. Also, you can choose the preferred style, thickness, radius of edges, and color for the border. See this to know the usage of every option given for designing the border.

6 Margin

Specifies a custom margin for the position bar from top, bottom, left, and right sides.

7 Padding

Specifies a custom padding for the position bar.

8 Width

Specifies the width of the widget equal to Container width, Full width or custom (user-specified width).

9 Add Cell

Adds a cell to the selected position bar. Just select a position bar in which you want to add a cell and name it. Then, click OK.

10 Background

To change the background of a selected cell of the position bar. You can apply a preferred color, gradient, or image to the background of the cell.

11 Border

Marks a border around the selected cell of a position bar/ position row. You can also set a preferred style, thickness, radius of edges, and color for the border.

12 Shadow

Gives a shadow effect to the background of a position cell.

More –
“More” lets you to even customize the color, angle, blur, and distance of the shadow effect. Here are the more details.

13 Margin

Specifies the margin for each side of the selected position cell.

14 Padding

Specifies the padding for each side of the selected position cell.

15 Width

Specifies the width of a selected cell. You can change the width of an individual cell according to the need for design. To change the width, just select the cell and click this option.

16 Widget Areas

Draws the custom positions in the header, menu, slideshow, and footer and you can drag it to any required position of a selected specific element.

17 Background

To change the background of a custom drew widget area/ module position/ region/block. You can apply a preferred color, gradient, or image to the background of selected widget area/module position/ region/block.

18 Border

Marks a border around the widget area/ module position/ region/ block, you’ve drawn. You can also set a preferred style, thickness, radius of edges, and color for the border.

19 Left

Specifies the selected Widget Position with respect to the left side. You can change the positioning of a widget from left.

20 Top

Specifies the selected Widget Position with respect to the top. You can change the positioning of a widget from the top.

21 Height

Specifies the height of the selected widget. You can change it as per your need.

22 Width

Specifies the width of the selected widget. You can change it.

23 Widget Positions

Shortcuts for the different widget positions for the user convenience. The given positions are:
Horizontal Left
Horizontal Center
Horizontal Right
Align Left to Page
Vertical Top
Vertical Center
Vertical Bottom
Align Right to Page

  • Was this article Helpful ?
  • Yes   No