{"title":"Displaying Subfooter","id":36272,"link":"https:\/\/env.averta.net\/en\/step\/displaying-subfooter\/","parent":[59907,35058],"content":"<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36275 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/sub-footer.png\" alt=\"sub-footer\" width=\"315\" height=\"287\" \/>Phlox above the footer area adds subfooter section; It contains multiple?widgets in different columns. You can find the options of enabling it and changing the columns layout 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;?Sub Footer<\/b><\/li>\n<li>Then switch on <strong>Display Subfooter<\/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\/w65-HRbMvMo?rel=0&amp;ecver=2\" frameborder=\"0\" encrypted-media=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<hr style=\"clear: both;\" \/>\n<h3><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/subfooter-layout-e1536655960370.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-36276 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/subfooter-layout-e1536655960370.png\" alt=\"\" width=\"310\" height=\"274\" \/><\/a>Subfooter Layout<\/h3>\n<p>Use this option to columnize the added subfooter with various layouts with different widths. To add widgets, you need first manage the widgets and locate them to the place you want. Read <a href=\"https:\/\/env.averta.net\/en\/step\/adding-widgets-to-different-widget-areas\/?b=36406,36406\" title=\"Adding Widgets to Different Widget Areas\">this article<\/a> to find out how.<\/p>\n<h3><\/h3>\n<div style=\"clear: both;\"><\/div>\n<div id=\"attachment_36274\" style=\"width: 1332px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36274\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36274 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/subfooter-e1477917222719.png\" width=\"1322\" height=\"649\" \/><p id=\"caption-attachment-36274\" class=\"wp-caption-text\">A five-column subfooter<\/p><\/div>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-subfooter.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft wp-image-59434 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-subfooter.jpg\" alt=\"\" width=\"302\" height=\"1158\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-subfooter.jpg 302w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-subfooter-78x300.jpg 78w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-subfooter-267x1024.jpg 267w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/phlox-subfooter-45x173.jpg 45w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/a><\/p>\n<h4>Background Color<\/h4>\n<p>You can choose a color for the background of subfooter.<\/p>\n<h4>Footer Background Image<\/h4>\n<p>It is possible to specify a background image for the footer, too.<\/p>\n<h4>Footer Background Image Position<\/h4>\n<p>Footer background image can has different positions: left top, left center, left bottom, right top, right center, right bottom, center top, center center, and center bottom<\/p>\n<h4>Footer Background Image Size<\/h4>\n<p>You can set Auto, Cover, or Contain for the background image size.<\/p>\n<h4>Footer Background Image Repeat<\/h4>\n<p>You can define how the background image should be repeated within the footer if the image doesn&#8217;t fully cover it.<\/p>\n<h4>Dark Skin For Widgets<\/h4>\n<p>The widgets&#8217; skin can be dark, too.<\/p>\n<h4>Top Border Color<\/h4>\n<p>This option specifies top border color of subfooter.<\/p>\n<h4>Hide Subfooter on Tablet\/Mobile<\/h4>\n<p>You are able to hide subfooter on tablet or mobile if you want.<\/p>\n","type":"solution"}