1 Background

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

TemplateToaster features the following advanced background options for customization-

Colour Picker-

TemplateToaster provides a colour picker to choose a background colour. Here is the complete details to know about.

Custom Gradient-
You can also 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 on creating and saving the custom gradients.

Browse Images-
You can even browse and apply an image to the content background. TemplateToaster presents an inbuilt stock of free images to choose from. You can select an image from the stock options, or browse your custom images and add it to the background.

You can also edit the browsed images and make it look just the way you want. TemplateToaster has an image editor with many options to edit to customize the browsed images. For details, see this.

2 Border

Use this option to mark the border around the content and modify its properties such as Style, Thickness, Radius and Color. See this to know more.

3 Margin

Lets you specify the margin of the content for all the sides i.e. top, bottom, left, and right.

4 Padding

Lets you specify the top, bottom, left, and right padding of the content.

5 Texture

You can use this to apply a texture to the content background.

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

6 Effects

Use this to give an effect to the background of the content.

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

7 Shadow

You can use this to apply a shadow effect to the content background.

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

8 Background

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

9 Border

Marks a border for the product which you can customize too. For customizing the border, you can have Style, Thickness, Radius (of edges), and Colour options.

10 Margin

You can specify all side margins i.e. Top, Bottom, Left and Right.

11 Padding

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

12 Texture

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

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

13 Effects

You can apply an effect to the background of the product.

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

14 Shadow

Lets you 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.

15 Title

Lets you set the typography of the Product Title Container .

16 Content

With the customization of Product Content by specifying different properties like Background, Border, List layout, Typography, and much more as shown below:

17 Columns

With this you can specify the number of product columns on a single page.

18 Image Border

Use this to customize the product image border by specifying its Thickness, Style, Color etc.

19 Cart

You can avail the user to specify the style and alignment of Add To Cart button as per user preferences.

20 Price

You can use this to set text styling of Product Price by specifying different properties like Font Family, Thickness, Color, and much more.

21 Links

Lets you define the typography of post title, metadata, metalinks, and content for different states like Link and Link Hover and align the links.

  • Was this article Helpful ?
  • Yes   No