--- title: Footer Style description: In the Footer settings page, you can modify the footer settings for your website. Change the Footer Settings Footer Style Footer Inner Container Footer… --- [Skip to content](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/7241757#main-content) English Show submenu for translations [![punchmark-logo-horizontal-white](https://help.punchmark.com/hs-fs/hubfs/Punchmark%20Branding/punchmark-logo-horizontal-white.png?width=225&height=38&name=punchmark-logo-horizontal-white.png)](https://academy.punchmark.com/knowledge?hsLang=en) - [Website](https://www.punchmark.com/) - [News](https://www.punchmark.com/news) - [Support](https://www.punchmark.com/contact-support) - [In the Loupe](https://www.punchmark.com/loupe) Open main navigation Close main navigation - [Website](https://www.punchmark.com/) - [News](https://www.punchmark.com/news) - [Support](https://www.punchmark.com/contact-support) - [In the Loupe](https://www.punchmark.com/loupe) - English Show submenu for translations - Go to punchmark.com Go to punchmark.com Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Punchmark Knowledge Base](https://help.punchmark.com/knowledgebase?hsLang=en) 2. [hidden WIP](https://help.punchmark.com/knowledgebase/hidden-wip?hsLang=en) 3. [Design](https://help.punchmark.com/knowledgebase/hidden-wip?hsLang=en#design) # Footer Style In the Footer settings page, you can modify the footer settings for your website. - [Change the Footer Settings](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/7241757#FooterStyle-ChangetheFooterSettings) - [Footer Style](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/7241757#FooterStyle-FooterStyle) - [Footer Inner Container](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/7241757#FooterStyle-FooterInnerContainer) - [Footer Address Bar](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/7241757#FooterStyle-FooterAddressBar) - [Footer Column Headers](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/7241757#FooterStyle-FooterColumnHeaders) - [Footer Links](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/7241757#FooterStyle-FooterLinks) - [Footer Text](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/7241757#FooterStyle-FooterText) ## Change the Footer Settings 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. ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/7143460-d3eb99ec31.jpg) ## Footer Style 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. ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33489046-b89f29aedc.jpg) ### Footer Background - **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. ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33292506-42b659ffbb.jpg) ### Footer Border 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. ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33292512-a365609e2a.jpg) ### Footer Alignment Select the small **+** button to expand the **Alignment** section. Then, select the button for **Left**, **Centered**, or **Right** alignment (or use the drop-down). ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33292518-6fb0ea580c.jpg) ## Footer Inner Container In this section, you can change the background, border and styling of your global footer inner container. ### Toggle Container By default, the inner container is disabled. To enable the inner container, switch the toggle to **ON**. ### Container Background and Border 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. ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33489061-229d10dccc.jpg) ## Footer Address Bar In this section, you can change the styling and visibility for the address bar, which sits directly above your footer. ### Toggle Address Bar By default, the address bar is enabled. To disable enable the address bar, select the toggle switch to **OFF**. ### Address Bar Background, Text Style, and Spacing 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. ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33489069-92e40f7b69.jpg) ## Footer Column Headers In this section, you can change the style of ###### tagged headlines. ### Headers Color 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. ### Headers Style  Select the small **+** button to expand the **Headers Style** section. Then, use the **-** and **+** buttons to adjust the **Size**, **Weight**, **Tracking**, and **Kerning**. ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33325219-d9674350da.jpg) ## Footer Links In this section, you can change the style of all the tagged copy in your footer. ### Footer Links Color 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. ### Footer Links Style  Select the small **+** button to expand the **Links Style** section. Then, use the **-** and **+** buttons to adjust the **Size**, **Weight**, **Tracking**, and **Kerning**. ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33489077-da4b6a48c4.jpg) ## Footer Text In this section, you can change the style of all the tagged copy in your footer. ### Text Color 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. ### Text Style  Select the small **+** button to expand the **Text Style** section. Then, use the **-** and **+** buttons to adjust the **Size**, **Weight**, **Tracking**, and **Kerning**. ### Copyright Text Select the small **+** button to expand the **Copyright Text** section. Then, choose the **Alignment** that you want to apply to the copyright text. ![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33325230-cedaae0e29.jpg) - [Default HubSpot Blog](https://blog.punchmark.com/blog) [![pm-symbol-blue](https://help.punchmark.com/hs-fs/hubfs/Punchmark%20Branding/pm-symbol-blue.png?width=40&height=45&name=pm-symbol-blue.png "pm-symbol-blue")](https://academy.punchmark.com/knowledge?hsLang=en) Punchmark Resource Center Copyright © 2026, Punchmark