The Content Tab in Magento’s context offers following options to design the content area. Let us see the function of each option of this tab.

1 Background

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

TemplateToaster features the following extended background options-

Color Picker-

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

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 presents 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.

2 Border

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

3 Margin

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

4 Padding

Specifies the top, bottom, left, and right padding of the content.

5 Texture

To apply a texture to the content background.

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

6 Effects

To give an effect to the content background.

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

7 Shadow

To apply a shadow effect to the content background.

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

8 Background

To apply a preferred color, image, or gradient in the background. TemplateToaster provides pre-designed gradients and stock images. Also, you can create the custom gradients or browse your own images.

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 Color options.

10 Margin

Specifies the all side margins i.e. Top, Bottom, Left and Right.

11 Padding

Specifies the padding from all the sides i.e. Top, Bottom, Left and Right.

12 Texture

To apply a texture to the background of the product.

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

13 Effects

Applies an effect to the background of the product.

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

14 Shadow

Applies a shadow effect to the background of the product.

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

15 Title

Sets the typography of Product Title Container .

16 Content

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

17 Columns

Specifies the number of product columns on a single page.

18 Image Border

Customizes the product image border by specifying its Thickness, Style, Color etc.

19 Cart

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

20 Price

Text styling of Product Price by specifying different properties like Font Family, Thickness, Color, and much more.

21 Links

Defines the typography of post title, metadata, metalinks, and content for different states like Link and Link Hover and aligns the links.

  • Was this article Helpful ?
  • Yes   No