Sidebar Tab - TemplateToaster Web Design Software

1. Layout

The Layout option provides you various placement options for Sidebar. You can choose from the given layout choices as below.

2. Background

Lets you choose a preferred colour, gradient, or image to apply to the sidebar background. TemplateToaster features the following advanced background options –

Colour Picker-
TemplateToaster gives you a colour picker option to choose a background colour. Here is the full description.

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

Browse Images-
You can apply an image in the background of the sidebar(s). TemplateToaster has an inbuilt stock of free images. You can also browse your custom images.

Moreover, you can even edit the browsed image(s). TemplateToaster provides an image editor with a dozen of editing options to customize the browsed images. For details, see this.

3. Border

Use this option to customize the border of the sidebar (s) by specifying Style, Thickness, Radius and Color .

More –
You need to click on the “More” for more border customization options. See this for details.

4. Width

Use this option to change the width of the sidebar(s).

Note: You can set the custom width in pixels if you choose Fixed width layout for your template/theme or website. Otherwise, if you select the Fluid width layout, you can set custom width in percentage.

More –
You can use this option to specify custom width by clicking “More”.

5. Margin

On clicking this option, you can set the margin of the sidebar(s) for all sides (i.e. top, bottom, left and right).

More –
You can specify the custom margins using the “More”.

6. Padding

This option lets you specify the padding of the sidebar(s) from all the sides i.e. top, bottom, left and right. Padding specifies the white space ( or distance) between the content and the border of the element.