{"title":"Customizing Website Footer Area","id":36255,"link":"https:\/\/env.averta.net\/en\/step\/customizing-website-footer-area\/","parent":[59907,35058],"content":"<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36260 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/footer-customizer-2.png\" alt=\"footer-customizer\" width=\"315\" height=\"298\" \/>Phlox has a?variety of options for?<strong>Footer<\/strong>. It can contain the website logo, menu, social media, and copyright. You can enable and customize the footer section in the customizer:<\/p>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click?<b>Appearance<\/b> on the <b>Dashboard<\/b><\/li>\n<li>Then click?<b>Customize<\/b><\/li>\n<li>Navigate?<b>Footer &gt; Footer<\/b><\/li>\n<li>Enable?<strong>Display Footer<\/strong><\/li>\n<\/ol>\n<div style=\"clear: both;\"><\/div>\n<h3>Video Tutorial<\/h3>\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%;\"><iframe loading=\"lazy\" width=\"560\" height=\"315\" style=\"position: absolute; width: 100%; height: 100%; left: 0; display: block;\" src=\"https:\/\/www.youtube.com\/embed\/DueARmwq1q4?rel=0&amp;ecver=2\" frameborder=\"0\" encrypted-media=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<hr style=\"clear: both;\" \/>\n<h3 style=\"clear: both;\">Footer Layouts<\/h3>\n<p>There are different layouts for footer:<\/p>\n<table>\n<tbody>\n<tr>\n<th style=\"text-align: center;\">Layout<\/th>\n<th style=\"text-align: center;\">Preview<\/th>\n<\/tr>\n<tr>\n<td>? <img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-36263 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset-1.png\" alt=\"preset-1\" width=\"258\" height=\"45\" \/><\/td>\n<td>?<a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset1-e1477911740859.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-36267 size-full aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset1-e1477911740859.png\" width=\"997\" height=\"87\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td>?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36264 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset-2.png\" alt=\"preset-2\" width=\"258\" height=\"45\" \/><\/td>\n<td>?<a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36268 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset2.png\" alt=\"preset2\" width=\"1000\" height=\"89\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td>?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36265 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset-3.png\" alt=\"preset-3\" width=\"257\" height=\"45\" \/><\/td>\n<td>?<a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset3-e1477911794861.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-36269 size-full aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset3-e1477911794861.png\" width=\"997\" height=\"87\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td>?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36266 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset-4.png\" alt=\"preset-4\" width=\"258\" height=\"45\" \/><\/td>\n<td>?<a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset4-e1477911870336.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-36270 size-full aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/preset4-e1477911870336.png\" width=\"997\" height=\"87\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>To set a menu on the?footer, you should first select a menu for the footer menu location. You can find more information about the menu location <a href=\"https:\/\/env.averta.net\/en\/step\/available-menu-locations-in-phlox\/?b=35659,35659\" title=\"Available Menu Locations in Phlox\">in this article<\/a>.<\/p>\n<p>Also, for displaying social media on the?footer, you have to choose links for them from?Website Socials. (<a href=\"https:\/\/env.averta.net\/en\/step\/setting-up-social-media\/?b=36312,36312\" title=\"Setting Up Social Media\">Here<\/a> you can find more information.)<\/p>\n<h3 style=\"clear: both;\">Footer Options<\/h3>\n<h4><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-footer.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-59546 size-full alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-footer.jpg\" alt=\"\" width=\"299\" height=\"1827\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-footer.jpg 299w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-footer-49x300.jpg 49w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/a>Footer Copyright Text<\/h4>\n<p>Here you can add a text as a copyright to display in the footer.<\/p>\n<h4>Footer Copyright Text Color<\/h4>\n<p>Your copyright text color can be changed.<\/p>\n<h4>Show Phlox Attribution<\/h4>\n<p>Enable this option to display Phlox attribution in the footer.<\/p>\n<h4>Phlox Attribution Link Color<\/h4>\n<p>You are able to change the color of Phlox attribution link you have added on the previous option.<\/p>\n<h4>Show Privacy Policy<\/h4>\n<p>To show privacy policy page in the footer, you need to add that page. In order to have privacy policy page:<\/p>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click?<b>Settings<\/b>?on the <b>Dashboard<\/b><\/li>\n<li>Then click?<b>Privacy<\/b><\/li>\n<\/ol>\n<p>You can now select an existing page or create a new page to display your privacy policy.<\/p>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/privacy-policy-page.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft wp-image-59766\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/privacy-policy-page-300x174.png\" alt=\"\" width=\"600\" height=\"347\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/privacy-policy-page-300x174.png 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/privacy-policy-page-299x173.png 299w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/privacy-policy-page.png 714w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4>Privacy Policy Link Color<\/h4>\n<p>You are able to change the color of privacy policy link.<\/p>\n<h4>Enable Sticky Footer<\/h4>\n<p>To add a parallax effect to the footer, you can enable sticky footer.<\/p>\n<h4>Footer Background Color<\/h4>\n<p>You can change your footer background color.<\/p>\n<h4>Footer Background Gradient<\/h4>\n<p>Besides, the footer background can be gradient.<\/p>\n<h4>Top Border Color\/Thickness<\/h4>\n<p>The color and thickness of footer top border can be changed.<\/p>\n<h4>Footer Brand Image<\/h4>\n<p>Here you can upload a logo that will appear in footer.<\/p>\n<h4>Footer Brand Image Height<\/h4>\n<p>This option specifies the height of the logo (in pixels).<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","type":"solution"}