The Content Tab in Magento CMS offers the following options to design the content area. Here is the function of each option of this tab.
1 Background
Use this option to apply a preferred colour, gradient, or image to the background of the content.
You can use these TemplateToaster features with the following additional background options-
Colour Picker-
With TemplateToaster you can find a colour picker to choose the background colour. Here is the full description of it.
Custom Gradient-
You can create custom gradients with the preferred angle, colour, and offset options. You can save the gradients as well and use it later. See this for more information on how to create and save the custom gradients.
Browse Images-
You can also apply an image to the content background. The TemplateToaster provides you with an inbuilt stock of free images to choose from. You can select an image from the stock, or browse your custom images also.
You can also edit the browsed images. TemplateToaster has an image editor with numerous editing options 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 Colour. 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
Use this option to 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 use this option to customize the transparency of texture with “More”. Click Here for more details.
6 Effects
Use this option to give an effect to the content background.
More-
Use the option to customize the transparency of the effect using “More”. Click Here for more details.
7 Shadow
Lets you 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
Lets you apply a preferred colour, image, or gradient in the background. TemplateToaster provides predesigned gradients and stock images to choose from. Also, you can create the custom gradients or browse your own images and use them.
9 Border
Use this option to mark border for the product which you can customize also. For customizing the border, you can have Style, Thickness, Radius (of edges), and Colour options.
10 Margin
Use this option to specify all of sides of the margins i.e. Top, Bottom, Left and Right.
11 Padding
You can also 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 use this option to customize the transparency of texture with “More”.
13 Effects
Lets you apply an effect to the background of the product.
More-
You can also customize the transparency of the effect using the “More” option.
14 Shadow
Use this to 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
You can customize the Product Content by specifying different properties like Background, Border, List layout, Typography, and much more as shown below:
17 Columns
Lets you 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, Colour etc.
19 Cart
You can avail the user to specify the style and alignment for Add To Cart button as per user preferences.
20 Price
Use this option for Text styling of Product Price by specifying different properties like Font Family, Thickness, Colour, 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.