{"id":272,"date":"2017-05-20T01:01:37","date_gmt":"2017-05-19T23:01:37","guid":{"rendered":"http:\/\/themanual.local\/?p=272"},"modified":"2017-11-11T21:30:55","modified_gmt":"2017-11-11T19:30:55","slug":"add-and-edit-the-footer","status":"publish","type":"post","link":"https:\/\/simonbarnett.co.za\/themanual\/add-and-edit-the-footer\/","title":{"rendered":"Add and Edit the Footer"},"content":{"rendered":"<p>Your website may have two footers: a fat footer..<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Footers-768x345.png\" alt=\"\" width=\"464\" height=\"228\" \/><\/p>\n<p>..and the\u00a0standard footer\u00a0at the bottom of the page,<\/p>\n<hr \/>\n<p>The methods for editing them are different.<\/p>\n<h4><a href=\"#collapse1\" data-toggle=\"collapse\" data-parent=\"#accordion\">+ To edit the fat footer<\/a><\/h4>\n<p>The fat footer is actually a Beaver Builder template that has been injected into the bottom of every page. Editing it is simply a matter of editing the the template.[collapse title=&#8221;Editing a Template&#8221; active=&#8221;false&#8221;]<br \/>\n<ol>\n<li>Go to your WordPress Dashboard (usually at \/wp-admin\/ after the name of your website)<\/li>\n<li>Select Templates (or All Templates = the same thing) from the sidebar.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-229\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Templates.png\" alt=\"\" width=\"337\" height=\"125\" srcset=\"https:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Templates.png 654w, https:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Templates-150x56.png 150w\" sizes=\"auto, (max-width: 337px) 100vw, 337px\" \/><\/li>\n<li>Locate the template to edit, hover over its name, and click <strong>Page Builder<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-232\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Edit-Footer.png\" alt=\"\" width=\"258\" height=\"59\" \/><\/strong><\/li>\n<li>Make your changes, click Save<\/li>\n<li>Click Done, Publish Changes.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-230\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Done.png\" alt=\"\" width=\"360\" height=\"47\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-231\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Publish-Changes.png\" alt=\"\" width=\"312\" height=\"258\" srcset=\"https:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Publish-Changes.png 650w, https:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Publish-Changes-150x124.png 150w\" sizes=\"auto, (max-width: 312px) 100vw, 312px\" \/><\/li>\n<\/ol>\n<br \/>\n[\/collapse]<\/p>\n<h4><a href=\"#collapse2\" data-toggle=\"collapse\" data-parent=\"#accordion\">+ To edit the standard footer<\/a><\/h4>\n<p>[collapse title=&#8221;Open the Customizer&#8221; active=&#8221;false&#8221;]<br \/>\n<p>If on the front of the website, click Customize in the Admin bar.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-221 \" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Open-Customizer-1.png\" width=\"443\" height=\"119\" srcset=\"https:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Open-Customizer-1.png 882w, https:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Open-Customizer-1-768x205.png 768w, https:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Open-Customizer-1-150x40.png 150w\" sizes=\"auto, (max-width: 443px) 100vw, 443px\" \/><br \/>\nIf in the Dashboard, go to Appearance &gt; Customize.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-199\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Open-Customizer-from-Dashboard.png\" alt=\"\" width=\"352\" height=\"271\" \/><\/p>\n<p>The Customizer will open as a sidebar on the left.<\/p>\n<br \/>\n[\/collapse]<br \/>\n[collapse title=&#8221;Change the Customizer settings&#8221; active=&#8221;false&#8221;]<br \/>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Customizer-Overview-e1488939450761.png\" width=\"662\" height=\"552\" \/><\/p>\n<ol>\n<li>Make changes by selecting the relevant section in the settings panel. They will be reflected live in real time on the website.<\/li>\n<li>When done with a settings section, use the back button to return to the menu.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Customizer-Go-Back.png\" width=\"306\" height=\"70\" \/><\/li>\n<li>You can get an idea of how the site will look on different device sizes with the buttons at the bottom.<\/li>\n<li>Click Save when done.<\/li>\n<li>Close the Customizer (X, top left)<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>[panel type=\"danger\" heading=\"If a\u00a0customizer setting is having no effect\"] Note: if you find that a customizer setting is having no effect, then it's very likely it's a part of the theme that I had to override the setting for.<\/p>\n<h4><a href=\"#collapse3\" data-toggle=\"collapse\" data-parent=\"#accordion\">More info on why that happens <\/a><\/h4>\n<p>The Customizer works by storing your preferences in the database. When someone visits your website, in order to render a page\u00a0WordPress checks your setting in the database, then\u00a0generates a CSS style which it adds to the stylesheet.The web page's HTML code references the CSS to display the page. Occasionally I'll have no choice but to override a style that the Customizer has set in order to achieve something required by the mockups.<\/p>\n<p>[\/panel]<\/p>\n<br \/>\n[\/collapse]<br \/>\nIn this case you&#8217;ll notice that the Customizer is not just used for the styling of the footer, but also the content, which can be found in the &#8220;Footer Layout&#8221; settings panel tab.<\/p>\n<h4>Footer Layout<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Customizer-Footer-Section.png\" alt=\"\" width=\"373\" height=\"402\" \/><\/p>\n<h4>Footer style<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/simonbarnett.co.za\/themanual\/wp-content\/uploads\/2017\/03\/Footer-Style-436x768.png\" alt=\"\" width=\"253\" height=\"460\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your website may have two footers: a fat footer.. ..and the\u00a0standard footer\u00a0at the bottom of the page, The methods for editing them are different. + To edit the fat footer The fat footer is actually a Beaver Builder template that has been injected into the bottom of every page. Editing it is simply a matter&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1958,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,6],"tags":[21],"class_list":["post-272","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-specific-instruction","category-content-manager","tag-page-builder"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/posts\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":0,"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/posts\/272\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/media\/1958"}],"wp:attachment":[{"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/categories?post=272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simonbarnett.co.za\/themanual\/wp-json\/wp\/v2\/tags?post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}