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