In the Footer settings page, you can modify the footer settings for your website.

The sections below explain how to change each of these settings.

Follow these steps to access the style settings for the global footer:

  1. Login to the Site Manager. 

  2. In the menu, select to expand the Design settings (see the figure below).

  3. Select the FOOTER item to display the footer settings in the main panel.

In the Footer Style section, you can change the background, border, and other styling of your global footer.

To review your changes, go to the Site Manager menu, scroll to the bottom and select the Go To Front End button.

  • Background type: Select the drop-down and choose a light, dark, or other type of background.

  • Background color: Select the drop-down and then use the color picker to choose a specific color for the footer background.  You can also enter the hex color code into the Background Color field.

Select the small + button to expand the Border section. Then, adjust the Border Width, choose a Border Color, and choose the type of Box Shadow for your footer.  You can also enter the hex color code into the Border Color field.

Select the small + button to expand the Alignment section. Then, select the button for Left, Centered, or Right alignment (or use the drop-down).

In this section, you can change the background, border and styling of your global footer inner container.

By default, the inner container is disabled. To enable the inner container, switch the toggle to ON.

Select the small + button to expand the Container Background section. Then, choose the Background Type from the drop-down. 


Select the small + button to expand the Container Border section. Then, increase the Border Width to 1 or greater and choose a Background Color from the color picker. You can also enter the hex color code into the Background Color field.

In this section, you can change the styling and visibility for the address bar, which sits directly above your footer.

By default, the address bar is enabled. To disable enable the address bar, select the toggle switch to OFF.

Select the small + button to expand the Address Bar Background section. Then, choose the Background Type from the drop-down.

Select the small + button to expand the Address Bar Text Style section. Then, increase or decrease the Size.  Also, choose text Color from the color picker. You can also enter the hex color code into the Color field.

Select the small + button to expand the Address Bar Spacing section. Then, adjust the  Top & Bottom and Left & Right spacing.

In this section, you can change the style of <h6> tagged headlines.

Choose text Color from the color picker. You can also enter the hex color code into the Color field. Also, choose a text Style from the drop-down.

Select the small + button to expand the Headers Style section. Then, use the - and + buttons to adjust the Size, Weight, Tracking, and Kerning.

In this section, you can change the style of all the <a> tagged copy in your footer.

Choose the link Color from the color picker. You can also enter the hex color code into the Color field. Also, choose a text Style from the drop-down.

Select the small + button to expand the Links Style section. Then, use the - and + buttons to adjust the Size, Weight, Tracking, and Kerning.

In this section, you can change the style of all the <p> tagged copy in your footer.

Choose the text Color from the color picker. You can also enter the hex color code into the Color field. Also, choose a text Style from the drop-down.

Select the small + button to expand the Text Style section. Then, use the - and + buttons to adjust the Size, Weight, Tracking, and Kerning.

Select the small + button to expand the Copyright Text section. Then, choose the Alignment that you want to apply to the copyright text.