[resolved] How to hide footers on wordpress (9 posts)

  1. Corysales1
    Posted 2 years ago #

    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) http://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?

  2. Pioneer Web Design
    Posted 2 years ago #

    Please explain in greater detail what you wish not to display.

  3. Corysales1
    Posted 2 years ago #

    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="http://i72.photobucket.com/albums/i179/cjracer112/Screenshot2012-08-07at65553PM.png" border="0" alt="Photobucket">

  4. Pioneer Web Design
    Posted 2 years ago #

    A) You have the style


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

    In both change to it to:

    display: none;

    B) You have the style


    To hide footer:

    In both change to it to:

    display: none;
  5. Corysales1
    Posted 2 years ago #

    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 :)

  6. Pioneer Web Design
    Posted 2 years ago #

    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.

  7. Corysales1
    Posted 2 years ago #

    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;}
    .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;}

  8. j.musick
    Posted 2 years ago #

    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 http://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;

  9. Corysales1
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic