• Resolved Corysales1

    (@corysales1)


    Hi there,

    I am new to wordpress and I am trying to learn as much as possible, I was editing one of my new sites and I am stumped on how to hide the footers on the bottom of each page?

    Here is my site (so you can see the footers on the bottom that im talking about) https://goimperialcommercial.com/

    Came someone please help me with a code that will hide this? Also is it always the same code each time I want to hide in on other sites?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Please explain in greater detail what you wish not to display.

    Thread Starter Corysales1

    (@corysales1)

    I want to hide all the footers on the very bottom of my site and that twitter thing. I loaded a picture to this post.

    <img src=”https://i72.photobucket.com/albums/i179/cjracer112/Screenshot2012-08-07at65553PM.png&#8221; border=”0″ alt=”Photobucket”>

    A) You have the style

    #outro

    (Twitter)in both style.css and black.css

    In both change to it to:

    display: none;

    B) You have the style

    #footer

    To hide footer:

    In both change to it to:

    display: none;

    Thread Starter Corysales1

    (@corysales1)

    So on all the #footer’s in front of it put display: none;? EXample display: none; #footer??

    Like I said before, im new to all this stuff but I really appreciate you helping me ??

    You need to first backup (never edit a WP file with a backup and not an old one, just before the edit), then edit each file noted above…if you are not comfortable with such, hire someone. It is better than messing site up.

    Thread Starter Corysales1

    (@corysales1)

    I already have a back up just incase lol, this is what I did and nothing was hidden?

    Check this out:

    /* Footer
    ————————————————————– */
    display:none; #outro{line-height:25px;letter-spacing:1px;margin:0 auto;overflow:hidden;width:980px;text-shadow:1px 1px 1px #fff;}
    display:none; #outro p{margin-bottom:0;}
    display:none; #outro_inner{margin:25px auto;padding:0;}
    display:none; #footer{margin:0 auto;letter-spacing:.6px;width:980px;}
    display:none; #footer_inner{padding:40px 0;overflow:hidden;}
    display:none; #sub_footer{width:980px;margin:0 auto;}
    display:none; #sub_footer_inner{margin:2px 10px;width:980px;}
    display:none; #sub_footer a:hover{text-decoration:none;}
    .copyright_text{float:left;padding-top:5px;}
    .footer_links{float:right;padding-top:5px;}
    .footer_links li{float:left;padding-right:12px;}
    .footer_links ul{list-style:none;padding:0;margin:0;}
    .footer_links ul ul{float:right;margin-right:0px;}
    display: none;#footer>.multibg{background:url(images/opacity_strip.png) repeat-x scroll 0 25% transparent;height:5px;margin:0 auto;width:980px;}
    .no_footer #footer{height:30px;}

    k. interesting. That display is a property just like line-height or margin. For it to have any effect, it needs to be inside of the bracket for the type of html markup it is affecting (like class, id, or tag.) It’s really too much to explain here, head to https://www.w3schools.com and read the css tutorial.

    You can add these to the bottom of the sheet to do what Seacoast recommended:

    #outro {display:none;}
    #footer {display:none;

    Thread Starter Corysales1

    (@corysales1)

    Thank you j.musick, that makes more since to me.

    Since i’m not to familiar with code talk yet it would have understood you just saying put the code {display:none;} inside of #outro like this #outro{display:none;} lol that would have made perfect sense to me haha.

    But I took what you guys were saying and figured it out, its all good now, thank you very much.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to hide footers on wordpress’ is closed to new replies.