How To Hide Section On Wordpress Site

View on website:
scottsweb.dev/how-to-hide-sec...
#webdevelopment #webdeveloper #wordpress #wordpresstutorial #howto #learning
Learn how to hide an element from being displayed on WordPress. Please note this doesn't actually remove the section from the HTML of the webpage, but it does not appear at all on the front end (it is hidden and looks as if it's not there).
Step 1:
Find the id or classname to hide. Right click on the element you want to hide and choose "inspect". Then, hover over elements until the whole element you want to hide (and nothing else) is highlighted.
Note the ID or class names of the element you want to hide.
Open up your additional CSS by going to Appearances .. Customize .. Additional CSS in your WordPress backend.
If your element had an ID, type the following code:
#your-id {
display: none;
}
If it's a class name, use the following code:
.your-class-name {
display: none;
}
Hit publish after you are done.
is for id's, and . is for class names.
If you mess up, you can delete the code you just put in there and try again.
Try to find the most unique ID that you can to hide this element. Hopefully one that isn't shared between other elements.
If you can't find an id or a unique class name, you may need a bit more custom CSS, where you would have to learn about query selectors in CSS.
If you have a problem, let me know below and I'll try to help you out!