1 Background

Use this option to apply preferred colour, gradient, or image to the content background.

TemplateToaster features the following additional options for the background-

Colour Picker-

TemplateToaster provides a colour picker to choose a background colour. Here is the full description of it.

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

Browse Images-
You can even apply an image to the content background through the browse image option. TemplateToaster presents an inbuilt stock of free images which you can use. You can select an image from the stock, or browse your custom images and add them to the background.

You can even edit the browsed images. TemplateToaster has an image editor with so many options to edit the custom  browsed images and help you easily customize the images just the way you want. For details, see this.

2 Border

Marks a border around the content which you can customize too. For customizing the border, you can choose Style, Thickness, Radius (of edges), and various Colour options.

3 Margin

Use this to specify all side margins i.e. Top, Bottom, Left and Right.

4 Padding

Use this to specify the top, bottom, left, and right padding of the content.

5 Texture

Lets you apply a texture to the content background.

More-
You can customize the transparency of texture with the “More” option.

6 Effects

Use this to give an effect to the content background.

More-
Also you can customize the transparency of the effect using the “More” option. Click Here for more details.

7 Shadow

Use this to apply a shadow effect to the content background.

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

8 Page Title

Allows the user to choose whether to show or hide the Page Title. By default, this is checked. But you can also unselect the option.

9 Heading

Allows you to show the list of all the headings from h1 to h6. And you can choose the suitable one for the page title for user convenience.

10 Typography

Lets you define the typography of the Page Title by specifying various options like Font Family, Style, Color, Margin, and much more as shown below:

“More” option allows you to facilitate the user to customize Text Formats and Effects for the Page Title.

11 Background

You can select to apply a preferred colour, image, or gradient in the background as needed. TemplateToaster provides predesigned gradients and stock images. Also, you can create the custom gradients or browse your own images and add it.

12 Border

You can also mark the border for the product which you can also customize. For editing and customizing the border, you can choose Style, Thickness, Radius (of edges), and Colour options.

13 Margin

Lets you specify all the side margins i.e. Top, Bottom, Left and Right.

14 Padding

Lets you mention the padding option from all the sides i.e. Top, Bottom, Left and Right.

15 Texture

Use this to apply  texture to the background of the product.

More-
You can customize the transparency of texture with the “More” option.

16 Effects

Use this to apply an effect to the background of the product.

More-
You can customize the transparency of the effect using the “More” option.

17 Shadow

You can apply a shadow effect to the background of the product.

More-
With the “More”option you can even customize the colour, angle, blur, and distance of the shadow effect.

18 Title

Lets you set the typography of Product Title Container.

19 Content

Use this for customization of the Product Content by specifying different properties like Background, Border, List Layout, Typography, and much more as shown below:

20 Columns

Use this to specify the number of product columns on a single page.

21 Image Border

This option customizes the product image border by specifying its Thickness, Style, Colour etc.

22 Cart

Use this option to avail the user to specify the style and alignment of Add To Cart button as per user preferences.

23 Price

Use this for Text styling of Product Price by specifying different properties like Font Family, Thickness, Colour, and much more.

  • Was this article Helpful ?
  • Yes   No