This tab will display only if you have the sidebar enabled for your design. The name of the widgets tab changes according to the choice made for the CMS as follows:

  • Widgets:- WordPress, Blogger, Magento, WooCommerce, OpenCart, Prestashop
  • Modules:- Joomla
  • Block :- Drupal, HTML

1. Presets

Displays a pre-designed set of styles for widgets/modules/ block. You can choose a pre-designed widget/module/block and modify its look as per need of the template or website design.

2 Container Properties

Customizes the container of the widget/module/block according to your template/website.

Margin :
Specifies the margin of a container for all the sides i.e. top, bottom, left and right.

Padding:
Specifies the padding of the container from all the sides i.e. top, bottom, left and right.

Border:
Customizes the border of a widget/module/block container. See this to know more about designing the border.

Shadow:
To apply a shadow effect to the container. Click Here for more details.

3 Container Background

Applies a preferred color, gradient, or image to the container background.

TemplateToaster provides the following extended background options-

Color picker-
TemplateToaster gives you a color picker to choose a background color. Here is the full detail of a color picker.

Custom Gradient-
You can create custom gradients with 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 apply an image in the background of a Widget/Module/Block container. TemplateToaster has an inbuilt stock of free images. You can browse and even edit those custom images.

As shown below, TemplateToaster has an image editor with a dozen of edit options to customize the browsed images. For details, see this.

4 Header Properties

To set the properties of the Widget header/Module header/Block header as per your preference. TemplateToaster allows to change following properties of a Widget/Module/Block header:

Show Header-
Check the “Show Header” option to display the header of Module/Widget/Block.

Icons-
Display an icon with the Widget/Module/Block header. For this, you can even browse your own icons.

Margin-
Sets the margin of the header for all the sides i.e. top, bottom, left and right.

Padding-
Specifies the padding of the header from all the sides i.e. top, bottom, left and right.

Heading Type-
To choose desired heading type (H1, H2….H6) for the Widget/Module/Block header.

5. Header Background

You can choose a preferred color, gradient, or image for the header background with this option.

TemplateToaster features following extended background options:

Color picker-
TemplateToaster gives you a color picker to choose a background color for the header of a Widget/Block/Module. Here is the full detail.

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

Browse Images-
Applies an image in the background of a Widget/Module/Block header. TemplateToaster has an inbuilt stock of free images. You can even browse and edit your custom images.

As shown below, TemplateToaster has an image editor with a dozen of edit options to customize the browsed images. For details, see this.

6. Texture

To apply a texture to the background of a Widget/Module/Block header.

More-
You can customize the transparency of a texture using “More”. Click Here for more details.

7. Effects

To apply an effect on the sidebar background.

More-
You can customize the transparency of the effect with “More”. Click Here for more details.

8. Shadow

To apply a shadow effect to the menu background.

More-
With “More”, you can even customize the color, angle, blur, and distance of the shadow effect. Click Here for more details.

9. Border

Customizes the border of the header. You can change the style of border, thickness of border, radius of the border corners and border color. See this to know more about designing the border.

10. Height

Specifies the height of the header.

More-
“More” to specify a custom height.

11. Typography

Changes the typography of the Widget/Module/Block header. You can select preferred font, style, font size, font color, font effect, text alignment and text direction for the Widget/Module/Block header.

More-
Opens all the typography options in a single window as shown below.

12. Content Properties

To set the content properties of Widget/Module/Block such as Margin, Padding and Border.

13. Background

Changes the background of the content of the Widget/Module/Block.

14. Add Block in Sidebar 1
Manages the number of custom blocks in the first sidebar. You can add as many blocks in the sidebar as you need.

Add-
To add a block, just write the name of the block in the text box and press “Add”.

Delete-
You can delete the block(s) if required. For this, select a block from the drop down menu and press “Delete”.

Note: This option is provided when your template type is “WordPress” or “HTML”.

15. Add Block in Sidebar 2
Manages the number of custom blocks in the second sidebar. You can add as many blocks in the sidebar as you need.

Add-
To add a block, just write the name of the block in the text box and press “Add”.

Delete-
You can delete the block(s) if required. For this, select a block from the drop down menu and press “Delete”.

Note: This option is provided when your template type is “WordPress” or “HTML”.

  • Was this article Helpful ?
  • Yes   No