Hey y'all welcome to another WordPress Wednesday. My name is Kori Ashton here
in San Antonio Texas at WebTegrity we are a group of WordPress nerds and
love with all things WordPress helping you improve your online marketing
So this YouTube channel is every single Wednesday we're producing some
sort of great video like this so be sure to subscribe and today we're
going to dive right in to how to hide your footer
or maybe even your sidebar inside your WordPress website
super simple but it does require a little bit of magic
well nerd code come on I'll take you in and show you
how it's done the question actually came in
asking specifically how to hide it inside of the 2017 theme
so I'm going to show you how to do that but this pretty much applies for
any theme out there so this is the example of the brand
new 2017 theme and this is the footer
they have down here right now in this specific example
however you can simply just remove these items
inside of your widget areas if you go to appearance and go to widgets
you just want to be sure that these two
widget boxes here footer one and foot or two are just completely empty
if you do that then like on my example here
all you will see then is powered by WordPress this will sit right here and
that's where your content would have sat if you had anything filled into
these to a widget boxes however if you even still want this gone how
do you do it how do you just completely hide the whole
darn thing I'm going to show you here because
it's a better example so you can see the content actually go hide
what I want you to do is right mouse click and I want you to inspect
element right now I'm using the browser
Firefox but this works instead of Chrome as well
so when you inspect the element what we're trying to do here don't panic I
know this is a lot of nerd code but follow with me here
what we're trying to do is find anything over here that says
footer so we're just going to do a search we
see the word footer there and then we see the footer here and what I want
you to see is when we hover over footer it actually highlights behind
me here the entire section of that footer
so that we know that this div class right here affects that whole footer
so now here's what we do now that we know
what it is here we can come over here to this side and see what they've
named it in our style sheet so this whole section is named dot
sight dash footer and we can do a quick test here and
see if this is in fact the area that it is
addressing check this out so this is our magic
that I was talking about it's one line of code that just simply says
hide it or display none
so here's what we have to do now you notice it's gone completely
so here's what we have to do we have to grab the
name so we know exactly where it is dot sight dash footer I'm going to
copy that on my clipboard super simple so I've got that on my
clipboard now now I'm going to dive into our custom CSS box
again super easy we're just going to copy and paste it's all we're going to
do so inside of the
2017 theme you have this customized area
underneath appearance inside of that
you have additional CSS options this is the little area we want to go
into you're going to put your cursor down
below anything here we're going to paste in that site
footer I'm going to do a curly bracket
enter down enter down and end curly bracket
and then we're just simply going to type display colon none semicolon
there you go that's it
this right here overwrites anything else in the in the author's theme
and immediately hides that whole section so now we're going
to push the save and publish option right
there once we come back to our front side of
our website you will see as I click refresh that that is
totally hidden as I scroll down I
can't go any further and our entire footer is hidden so just display none
option the reason why I want to say that is all you have to do is find the
div class or the section on your website that
you want to hide you can hide elements we can hide we can hide whole columns
you can hide anything by just simply using the display none
inside of a custom CSS area I hope that helps you if you have
further questions put them in the thread below and we'll our best to
answer them for you hope you have a great WordPress
Wednesday I'll see you next time
bye y'all