Beaver Builder Footer – Change the WordPress Footer with Themer

Thank you so much for watching the press Avenue YouTube channel my name is John and today we're gonna talk about beaver builder actually run talk about beaver builder themer which is a lot of words but with themer we're gonna build a footer on a beaver builder site so what themer allows us to do is essentially attach a footer to every single page we have currently as well as any future pages we may add or posts really quick we have a new master wordpress class that's free I just put in your name and email address and it'll teach you how to build a website from start to finish from domain names to setting up hosting to setting up WordPress and then beaver builder and then creating the whole page for free with this master class so it's a Youtube walkthrough with instructions that'll help you build a beaver builder website alright next we have a website here it has a very basic footer it used to be on the Genesis theme and it was switched to beaver builder on Genesis the footer looked like this when we switched over to beaver builder it's kind of close but it could definitely be jazzed up and we're gonna show you how to do just that so you can go to new let's see how that's had a new post we actually want new theme ER layouts or you can go to beaver builder theme or layouts add new so we're gonna title it footer the type is a theme ER layout so theme ER is an additional plug-in add-on to beaver builder then the layout and asked what it is under structure you have header or footer we're gonna say footer I will say add theme ER layout now we have the name of the top and then the next thing we felt is the location so basically I want this on the entire site but what you can do is have it show on singular show on archives on 404 pages maybe you have a different footer or no footer at all so it's just something to consider a footer for posts posts archives page media etc so you can really chop this up and make a different thing footer part whatever you want menu for every part of your site width Emer if I start building a lot of different layouts I do add beaver builder categories one thing to keep in mind is make sure your SEO isn't pushing this forward so you don't want to start ranking on your beaver builder categories when it's really just for you alright so that's the whole thing there so out on the entire site now I'm gonna launch beaver builder what it does is it now brings us to the front of the site pulls out that ugly menu I show before and adds this really nice touch here the first thing I always do besides change the color is I go down to the bottom and it says the date here and I change this but instead of just writing 2020 I can write FL underscore year I hit save and FL year Fastlane is who built beaver builder if you don't know underscore year year just shows the current year so it's really nice is this stays up to date in 20 21 22 23 forever hopefully it's updated before then but you never know you'll see sites that now say like 2015 and 2016 so you know they're old and they've never been updated this you can't tell from that because the copyright year here always updates with the current year so really nice touch these guys have a blue kind of theme so we're gonna add blue in the background so I have a Mac app called sip I don't know why it's called sip but we can grab this blue color and then I can go to the row come down here I don't worry they chose purple but it really stands out um go ahead save then I usually make this one slightly darker so I'm gonna color paste just a little kind of contrast I hit save now again looks way better than it did before the old one had a thing about scheduling and contacting so we'll put that right here alright save we'll say perfect one thing that happens all the time is it doesn't underline some of this stuff so I do highlight it and click underline yes I can change it in the stylesheet but to make things really quick you can hit command U on the Mac or control U on Windows and now all of those are underlined the correction right there is from grammerly it's a great plugin corrects all my spelling problems and it'll probably correct yours as well then they had recent posts in the middle so will say recent news and then we'll delete this go to plus come down here we're gonna want posts now posts initially just brings up a ton of stuff we don't want a Mason tree we want a list and we want we'll do three we don't want to page through them we don't want to search and I get rid of this just in case there's definitely posts now to go through this I don't want an image because I just want a list so let's get further down here hide the author hide the date because some of these are old and I definitely hide the comments and then hide the terms in the content I'm gonna whoops I'm gonna hide cuz again I just want to list with titles and now that's what we got now to style it I'll make this a little bigger you can come down here to the font size of the title that might be too small we'll do 14 and then let's see post info we don't have and we gotta look for the spacing here that's for the words no borders this is for the box itself it's kind of clean this up to zero I still want to find the spacing here so it's in here somewhere and we'll find it I will say under content custom core you can say post ascending that's common but under posts here you can specify particular posts order categories you can specify particular category so if you had a featured category that you always wanted to call out in your footer you can put featured right here and it'll pull those posts in that category which is really nice all right back to style let's see border-radius don't need that size content we turned that either I heard he goes post spacing I love their sliders because you can just shrink everything down some will do it right about there try to line up next to that contact form perfect so I'll hit save and then oh they get in touch we got to change kind of says it all over here so I will just put this right here so if you don't know you type mail to in the link colon put your email in and when they click it it'll go to the email which is what you want don't need a map do need a phone some take this I'm gonna actually cut clean this up but contact us could probably be a button but we'll leave it as is if you type te l : I put the phone number in put a number 1 for the United States of America or whatever your country code is then it'll dial that when they click the icon kind of nice alright and that's it for the footer so I hit done publish and if I go back to the home page you'll see let's scroll them down footer I go to additional pages footer again so that's just a quick tutorial on creating a footer for the whole site for beaver builder using beaver builder themer if you have any questions about beaver builder go ahead and leave them in the comments below if this was helpful in any way please give it a thumbs up and lastly please click that red subscribe button just below this video or the one on this video to subscribe to more YouTube tutorials just like this one if you hit the little bell after it pops up it'll notify you as well when something new comes up thank you so much for watching