
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.