Removing gray box at bottom of post

  • Hello,

    I am using Pilcrow on my blog (https://hithaonthego.com) and have removed the gray box around the widgets and the date, but not around the comments at the bottom of the footer. How do I remove that gray box as well? This is the code I have at the bottom of my stylesheet to remove the other gray boxes:

    #footer #colophon, #footer .widget ul, .entry-meta, .widget ul {
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    }

    #footer #colophon, #footer #colophon a, #site-generator {
    color: #000000;
    }

Viewing 4 replies - 1 through 4 (of 4 total)

  • Wait, what? Sorry I don’t follow what grey box you want to remove, as there isn’t a grey box for the footer at the bottom of that site… Do you mean the grey background at the bottom of each post??

    If that’s the case just go your style sheet and replace what you have for .entry-links with this:

    .entry-links {
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    margin: 0 0 3.4em;
    overflow: hidden;
    padding: 10px;
    }

    Yeah just like @mixmastermichael said. Go to your “style.css” file and edit line #616

    Change:

    .entry-links {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    margin: 0 0 3.4em;
    overflow: hidden;
    padding: 10px;
}

    To this

    .entry-links {
*/ Everything between these marks is Commented Out or Hidden   */
 /*   background: none repeat scroll 0 0 #F5F5F5; */
 /*   border-bottom: 1px solid #DDDDDD; */
    clear: both;
    margin: 0 0 3.4em;
    overflow: hidden;
    padding: 10px;
}

    I commented out those lines so if you don’t like it you can remove the “/*” and the “*/” and it will revert back to the original design.

    Hope this help!

    Thread Starter hithapalepu

    (@hithapalepu)

    Thank you all for your help! I really appreciate your assistance.

    One more question – any way to remove the gray box around the Category – (category type) on the Category pages?

    In your style.css, look for:

    .page-title {
    background: whiteSmoke;
    border-bottom: 1px solid #DDD;
    color: black;
    font-size: 24px;
    margin-bottom: 30px;
    padding: 4px 8px;
    }

    just set background to none.

    Maybe this will affect some other elements on the page. If you want to do ONLY on this part, you can create a class (below from .page-title, so it will overwrite) with the background:none too.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removing gray box at bottom of post’ is closed to new replies.