{"id":3851,"date":"2017-07-05T07:58:40","date_gmt":"2017-07-05T06:58:40","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=3851"},"modified":"2018-05-15T23:38:20","modified_gmt":"2018-05-15T23:38:20","slug":"footer","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/footer\/","title":{"rendered":"Footer"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-cfa01f315dd03d9249ec1d45a22d8c11\">\n#top .av-special-heading.av-av_heading-cfa01f315dd03d9249ec1d45a22d8c11{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-cfa01f315dd03d9249ec1d45a22d8c11 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-cfa01f315dd03d9249ec1d45a22d8c11 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-cfa01f315dd03d9249ec1d45a22d8c11 av-special-heading-h2 blockquote modern-quote  avia-builder-el-0  el_before_av_hr  avia-builder-el-first '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >Footer Customization<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-1cl0rd7-a7cc53dff9b14b4992c648a659f15f50 hr-default  avia-builder-el-1  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1alxe0r-c128d48f7e303e662fcc542ed0ea997c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overview and Settings<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-av_textblock-2bd894dbf2e4bf2c4acf98ce4fbf94aa '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The Footer element may be one element that\u00a0is given the least attention. In this tutorial, we take a look at how to customize the footer and make it a resourceful element of the page.<\/p>\n<p>Many elements like Text, Links\/Menu, Logos, Subscription\/Contact form, Social Icons, Google Maps, and almost any element can be displayed in the footer area.<\/p>\n<p>Footer can be customized with:<\/p>\n<ul>\n<li><strong>Footer Widget settings\u00a0<\/strong><\/li>\n<li><strong>Footer Styling<\/strong><\/li>\n<li><strong>Footer Options<\/strong><\/li>\n<\/ul>\n<p><strong>Footer widget settings<\/strong> can be accessed from <strong>Appearance &gt; Widgets<\/strong> to display the widget supported by your theme in the footer area. Example: Google Maps, Contact Form, Custom Menu, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7378\" src=\"https:\/\/kriesi.at\/documentation\/enfold-assistance\/wp-content\/uploads\/sites\/22\/2017\/07\/footer-widget.png\" alt=\"\" width=\"1015\" height=\"616\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/07\/footer-widget.png 1015w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/07\/footer-widget-300x182.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/07\/footer-widget-768x466.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/07\/footer-widget-705x428.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/07\/footer-widget-450x273.png 450w\" sizes=\"auto, (max-width: 1015px) 100vw, 1015px\" \/><\/p>\n<p>Choose to Show\/Hide footer\u00a0and socket on individual pages from the <strong>Page\/Post &gt; Layout &gt; Footer Settings<\/strong><\/p>\n<p><strong>Footer styling options<\/strong> can be accessed from<strong> Enfold &gt; General Styling &gt; Footer<\/strong><\/p>\n<ul>\n<li>Set footer background color and image<\/li>\n<li>Set background color for footer widgets<\/li>\n<li>Set heading and font colors<\/li>\n<li>Set border colors<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5805\" src=\"https:\/\/kriesi.at\/documentation\/enfold-assistance\/wp-content\/uploads\/sites\/22\/2017\/07\/Footer-settings.png\" alt=\"\" width=\"1149\" height=\"745\" \/><\/li>\n<\/ul>\n<p><strong>Footer Options<\/strong> can be accessed from\u00a0 <strong>Enfold &gt; Footer<\/strong><\/p>\n<ul>\n<li>Display footer Widgets and Socket<\/li>\n<li>Choose footer Columns<\/li>\n<li>Copyright info<\/li>\n<li>Display social Icons<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5807\" src=\"https:\/\/kriesi.at\/documentation\/enfold-assistance\/wp-content\/uploads\/sites\/22\/2017\/07\/Footer.png\" alt=\"\" width=\"1155\" height=\"595\" \/><\/li>\n<\/ul>\n<\/div><\/section>\n<div  class='hr av-18ecdl7-9a03ccd224414ebf96e968555aad8e82 hr-default  avia-builder-el-4  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-15q6nob-2ca0bbfa029536ed6edda26a07138413 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Customization<\/h2>\n<\/div><\/section>\n<div  class='avia-builder-widget-area clearfix  avia-builder-el-6  el_after_av_textblock  el_before_av_hr '><div id=\"text-3\" class=\"widget clearfix widget_text\">\t\t\t<div class=\"textwidget\"><p><strong>How to use the snippets?<\/strong><\/p>\n<ul>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-css\/\" target=\"_blank\" rel=\"noopener\">CSS Snippets<\/a> to Enfold child theme styles.<\/li>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-js-or-php-script\/\" target=\"_blank\" rel=\"noopener\">JS and PHP scripts<\/a> to your\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-install-enfold-theme\/#why-child-theme\" target=\"_blank\" rel=\"noopener\">child theme<\/a>\u00a0functions.php file.<\/li>\n<li>Shortcodes can be used in a text area in pages, posts, sliders and widget areas.\u00a0Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#debug-mode\" target=\"_blank\" rel=\"noopener\">debug mode<\/a>\u00a0to view the page shortcode.<\/li>\n<li>Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#turn-on-custom-css-class-field-for-all-alb-elements\">custom CSS class name support<\/a>\u00a0to\u00a0add your\u00a0class names to the theme elements.<\/li>\n<li>Disable <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-clear-the-cache\/\" target=\"_blank\" rel=\"noopener\">script merging and clear the cache<\/a>\u00a0to view the changes on the frontend.<\/li>\n<\/ul>\n<p><strong>NOTE<\/strong>: If the code snippets produce a different result on your site, it may be because the settings on your site are different or due\u00a0to any customization already added to achieve a similar result. Please try removing your customization if any and feel free to change the values in the example codes to suit your design.<\/p>\n<\/div>\n\t\t<\/div><\/div>\n<div  class='hr av-131qne3-bbbcbdcc23fe4442a667fcc6bbe38be7 hr-default  avia-builder-el-7  el_after_av_sidebar  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-10pjbaz-f99de9277dc4a8a2921d9ee6aa8a2831 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Copyrights info<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-ywrcor-1e1660749eb9eba464e3a1c9e1e0adfc '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The easiest way to change the footer link of your theme is to log into your WordPress backend and open the Enfold &gt; Footer Tab. To remove the backlink add the below shortcode in the copyright field.<\/p>\n<pre>[nolink]<\/pre>\n<p>Html code or custom text can be added in the copyright field as shown below. If you like to display a button here a button shortcode can also be added in place of Html tag.<\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-vun0mz-74f4999cb6b6fd3c685bc669b4592b64 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><img decoding=\"async\" src=\"http:\/\/graphitivity.com\/enfold\/assistance\/wp-content\/uploads\/2017\/03\/copyrights-2.png\" \/><\/p>\n<\/div><\/section>\n<div  class='hr av-u1jp2j-ba96fdd060e2547ec7d53a1a913aa044 hr-default  avia-builder-el-12  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-szc3gr-12c1fc3ab941040a7dcd668bd3773315 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Remove default widgets<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-r5kjzf-7bac3dc4179a77a8789458324d3587ed '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>When you install the theme you will notice that the footer has default widgets. To remove these widgets simply drop a blank text widget or any widget of your choice in the footer widget area from Appearance &gt; Widgets<\/p>\n<\/div><\/section>\n<div  class='hr av-2ibbq3-0f655a79e9cf2007fc42983fef5cca2d hr-default  avia-builder-el-15  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-npayln-e999cad4248c5ebc2c2a161c1f277548 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Footer fonts<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-n03wa3-7f79d9d8314eca8c1177628a54b7e47f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To add custom style to the footer widget title, fonts and links please use the CSS below.<\/p>\n<pre><code> \/* Headings\/Widget title *\/\r\n#footer .widgettitle {\r\n     \/* Your style here *\/\r\n}\r\n\r\n\/* Footer fonts *\/\r\n#footer .textwidget,\r\n#footer p {\r\n     \/* Your style here *\/\r\n}\r\n\r\n\/* Widget links *\/\r\n#footer .widget a {\r\n     \/* Your style here *\/\r\n}\r\n<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-l2y6nf-2ec0274b4f32b38fba0d8cb80cb5620f hr-default  avia-builder-el-18  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-j02xbv-aa9df599a8f1a51c1c070c1710009c52 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Align footer widgets<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1rdgln-7581d5ffd22744407be0c09c62d0be6d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To align the footer widget text to left, center or right please\u00a0adjust the text-align value in the CSS below and add it to your site.<\/p>\n<pre>\/* Align text *\/\r\n#footer .widget {\r\n  text-align: center;\r\n}<\/pre>\n<\/div><\/section>\n<div  class='hr av-fb8ou3-311c1384708b2d45e0b234c90fcdf9a9 hr-default  avia-builder-el-21  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-e98laj-920b1396ab3f093653d5319fa6f7fe53 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Full-width footer<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-d5twrf-3a25a65803d7971518568784818db727 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>If you would like to stretch the content inside the footer area to take up the full width of the footer please use the CSS below:<\/p>\n<pre>\/* Full width footer *\/\r\n#footer .container {\r\n    width: 100vw;\r\n    max-width: 100%!important;\r\n}<\/pre>\n<\/div><\/section>\n<div  class='hr av-b4d0pn-67fd869086084910ca6e5dbea3cedfcc hr-default  avia-builder-el-24  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-vvezf-85b97dd91eed0805d7f4c6b8e2f18e44 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Display footer menu on mobile<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-7aq8sr-1d29581f3c375627a051f098bf115507 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>By default, footer menu is disabled on mobile to save space. \u00a0You can, however, choose to display this element\u00a0by using custom CSS code. Please add following code to Quick CSS in Enfold theme options under General Styling tab to display Footer menu on mobile<\/p>\n<pre><code>@media only screen and (max-width: 767px){\r\n.responsive #socket .sub_menu_socket {\r\n    display: block !important;\r\n}}<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-mvk17-3dc9eda11728b236d02885e6165af982 hr-default  avia-builder-el-27  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-3ibu3v-6a4761b1df9305bbb432daa754f36f8c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Display scroll to top button mobile<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-32bpd7-00e66de376d974ed298e6e77cec8818d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To display Scroll to top button on mobile please use the below CSS code.<\/p>\n<pre><code>@media only screen and (max-width: 767px) {\r\n.responsive #scroll-top-link {\r\n    display: block !important;\r\n}}<\/code><\/pre>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[2,12],"tags":[],"class_list":["post-3851","post","type-post","status-publish","format-standard","hentry","category-documentation","category-explore","documentation","explore"],"modified_by":"vinay","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/3851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=3851"}],"version-history":[{"count":2,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/3851\/revisions"}],"predecessor-version":[{"id":8503,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/3851\/revisions\/8503"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=3851"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=3851"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=3851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}