WordPress.org

Ready to get started?Download WordPress

Forums

Removing gray box at bottom of post (5 posts)

  1. hithapalepu
    Member
    Posted 2 years ago #

    Hello,

    I am using Pilcrow on my blog (http://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;
    }

  2. mixmastermichael
    Member
    Posted 2 years ago #

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

  3. jondiego
    Member
    Posted 2 years ago #

    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!

  4. hithapalepu
    Member
    Posted 2 years ago #

    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?

  5. diogorighi
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags