{"id":698,"date":"2026-06-09T15:45:48","date_gmt":"2026-06-09T15:45:48","guid":{"rendered":"https:\/\/docs.wpinterface.com\/?p=698"},"modified":"2026-06-10T03:15:19","modified_gmt":"2026-06-10T03:15:19","slug":"footer-configuration-guide","status":"publish","type":"post","link":"https:\/\/docs.wpinterface.com\/footer-configuration-guide\/","title":{"rendered":"Footer Configuration Guide"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Our theme offers a highly customizable footer area that you can build using WordPress widgets. This guide will help you configure the layout and styling of your site&#8217;s main footer.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Accessing the Footer Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To access the footer settings, navigate to <strong>Appearance \u2192 Customize<\/strong> in your WordPress dashboard, then go to <strong>Footer \u2192 Main Footer<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here, you can toggle the <strong>Enable Main Footer<\/strong> switch to turn the entire footer area on or off globally.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1. Footer Column Layouts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The theme provides multiple grid layouts for your footer widgets, allowing you to organize your content exactly how you want.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Column Layout<\/strong>, you can choose from the following structures:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>1\/4 + 1\/4 + 1\/4 + 1\/4:<\/strong> A balanced 4-column layout, perfect for displaying multiple menus, contact info, and an about text.<\/li>\n\n\n\n<li><strong>1\/3 + 1\/3 + 1\/3:<\/strong> A balanced 3-column layout.<\/li>\n\n\n\n<li><strong>2\/3 + 1\/3:<\/strong> A wider left column with a narrower right column.<\/li>\n\n\n\n<li><strong>1\/3 + 2\/3:<\/strong> A narrower left column with a wider right column.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Note: Once you select a layout, you will need to add widgets to these columns by going to <strong>Appearance \u2192 Widgets<\/strong> (or the Widgets section in the Customizer) and adding content to the Footer widget areas.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">2. Widget Alignment &amp; Visibility<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Center Widget Content:<\/strong><br>If you want a perfectly symmetrical look, toggle the <strong>Center Widget Content<\/strong> option. This will center-align all text and elements inside your footer columns.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Device Visibility:<\/strong><br>You can choose exactly which devices should display your footer. Use the dropdown to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show on All Devices<\/li>\n\n\n\n<li>Hide on Mobile<\/li>\n\n\n\n<li>Hide on Tablet<\/li>\n\n\n\n<li>Hide on Mobile and Tablet<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">3. Design &amp; Styling Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Scroll down to the <strong>Design Options<\/strong> section to customize the visual appearance of your footer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Background<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Set the background for the entire footer area:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Solid Color:<\/strong> Choose a flat background color (e.g., a dark grey or brand color).<\/li>\n\n\n\n<li><strong>Gradient:<\/strong> Create a smooth color gradient.<\/li>\n\n\n\n<li><strong>Image:<\/strong> Upload a background image.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Font Colors<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ensure your text is readable against your chosen background by adjusting the colors:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text Color:<\/strong> The primary color for standard paragraph text.<\/li>\n\n\n\n<li><strong>Link Color:<\/strong> The color of hyperlinks in your footer menus or text.<\/li>\n\n\n\n<li><strong>Link Hover Color:<\/strong> The color links change to when hovered over.<\/li>\n\n\n\n<li><strong>Widget Title Color:<\/strong> The color of the heading above each widget.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Borders<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add separation between your main content and the footer:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add a border to the <strong>Top<\/strong> or <strong>Bottom<\/strong> of the footer area.<\/li>\n\n\n\n<li>Define the <strong>Style<\/strong> (solid, dashed, dotted), <strong>Color<\/strong>, and <strong>Width<\/strong>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">4. Footer Typography<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you need specific font sizing for your footer that differs from the rest of the site, expand the <strong>Typography<\/strong> section.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Widget Title Font Size:<\/strong> Adjust the size of the headings above your footer widgets. You can set different sizes for Desktop, Tablet, and Mobile using the responsive device icons.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Saving Your Changes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once you are happy with your footer layout and styling, click the blue <strong>Publish<\/strong> button at the top of the Customizer to apply the changes to your live site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our theme offers a highly customizable footer area that you can build using WordPress widgets. This guide will help you configure the layout and styling of your site&#8217;s main footer. Accessing the Footer Settings To access the footer settings, navigate to Appearance \u2192 Customize in your WordPress dashboard, then go to Footer \u2192 Main Footer. &hellip; <a href=\"https:\/\/docs.wpinterface.com\/footer-configuration-guide\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Footer Configuration Guide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[21],"class_list":["post-698","post","type-post","status-publish","format-standard","hentry","category-general","tag-business-interface"],"_links":{"self":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":1,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/698\/revisions"}],"predecessor-version":[{"id":699,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/698\/revisions\/699"}],"wp:attachment":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/categories?post=698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/tags?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}