1 Presets

Shows a set of pre-designed styles of the footer. You can choose a pre-designed style and modify its look as per your need.

2 Layout

Gives you a choice either to display the footer in your template/website or not. Plus, TemplateToaster privileges you to make your footer sticky. You can make a preferred choice for given footer layout options.

3 Background

Picks a preferred color, gradient, or image to apply to the background of the footer. TemplateToaster features the following extended background options-

Color picker-
TemplateToaster gives you a color picker to choose a background color. Here are the details about the color picker.

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 apply an image in the background of the footer. TemplateToaster has an inbuilt stock of free images. You can even browse and then edit those custom images.

TemplateToaster has an image editor with a dozen of edit options to customize the browsed images. For detailed information, see this.

4 Height

Specifies the height of the footer.

More-
“More” is to specify a custom height.

5 Width

Changes the width of the footer. Three options are available for specifying the width of the footer.

Full Width- Sets the width of the footer equal to the width of the browser window.

Equal To Page Width- Makes the width of the footer equal to the page width. This option is activated by default.

Custom Width- Specifies the custom width of the footer as per your need.

Note: If you have chosen Fixed width layout for your template/website, you can set the custom width in pixels. Otherwise, if you have chosen Fluid width layout, you can set the custom width in percentage(%).

6 Border

Designs the border of the footer. You can use Style, Thickness, Radius, and Color options to customize the border.

More-
“More” displays the more border customization options. See this to know the usage of every option given for designing the border.

7 Margin

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

More-
You can specify the custom margins with “More”.

8 Texture

To apply a texture to the footer background.

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

9 Effects

To apply an effect on the footer background.

More-
You can customize the transparency of the effect with “More”. Here are the more details.

10 Shadow

Gives a shadow effect to the footer background.

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

11 Image

In addition to the header background image, TemplateToaster allows you to insert foreground image(s) in the footer to make template/ website more professional. You can apply an image on the footer foreground using this option.

More-
“More” is used to link the image to a custom URL. The link can be configured to open in a new window. If you need, you can change the transparency of the image and flip it around X or Y axis.

12 Text Areas

Draws the text areas on the footer. You can add custom text, image, and video in your text areas. Just “double click” on the text area to modify its dimensions, add text, add a background image, color, and a lot more. Text formatting can also be done.

13 Background

Displays a dialog box as shown below. From here, you can apply a color, gradient, and even an image in the background of a Footer Row.

14 Margin

Specifies all the margins (Top, Bottom, Right, Left) for the Footer Row.

15 Padding

Sets the padding for the Footer Row.

16 Add Cell

Adds a Footer Cell in the position bar of the footer area. You can add as many cells as you require.

17 Delete a Cell

Deletes a cell from the position bar of the footer area.

18 Width

Specifies the width of the footer cell. You can change the width of an individual cell according to the need of your design. To change the width, just select the cell and click this option.

19 Columns

Specifies the number of columns you want, in the position bar of the footer area.

20 Border

Designs the border of the footer cell. You can use Style, Thickness, Radius, and Color options to customize the border.

More-
“More” displays the more border customization options. See this for details.

21 Margin

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

More-
You can specify the custom margins with “More”.

22 Padding

Specify the padding for the Footer Cell from all the sides (Top, Bottom, Left, Right).

23 Show/Hide Copyright

Gives a choice either to hide or show the copyright text in your template/ website.

24 Designed by Text

Use this to hide/show the “Designed by” text in your template/ website.

25 Designed By Link

Gives the choice to hide/show the “Designed by” link in your template/ website.

26 Social Icons

You can configure social media accounts in the footer of your template or website. For this, you can choose the icons from the inbuilt icon gallery or you can browse your own custom social media icons.

27 Typography

Defines the typography for the Headings, Text, Lists, Links of the footer area.

Headings

Edits the text style of the headings used in the footer. You can do following changes like Font Family, Style, Color etc. in the typography of the headings.

Text

To personalize the text styles of any plain text that you’ll write in the footer area.

Lists

Lists are usually the better way to display data. You can create both, ordered and unordered lists in your template/ website. An ordered list is represented with numbers, alphabets while unordered list with Bullets, Disc, etc. Using this option, you can format the styles of ordered/unordered lists.

Links

Avails you to set the typography for links in the footer section for all the three states: Active, Normal, Hover. You can make following changes to customize a typography pattern.

Here More allows you to choose the text format and effects for font.

  • Was this article Helpful ?
  • Yes   No