WordPress.org

Support

Support » How-To and Troubleshooting » How To Remove Extra Space (Padding) Before 'Comments' Tag on Frontpage

How To Remove Extra Space (Padding) Before 'Comments' Tag on Frontpage

  • Hello everyone,

    My name is Arron and I run the iOS-focused blog http://RazorianFly.com.

    I have a small problem after upgrading to WordPress 3.0 that I hope someone can help me with. After upgrading, the comments tag which DISQUS reports back on the frontpage now has a huge space (or padding) before it, pushing it into the author name.

    It looks like it is something to do with the theme files, but having upgraded from WordPress 2.7 which didn’t see the frontpage feature the issue, and having not touched my theme files during installation, it may be a conflict with DISQUS. I’m not sure.

    Anywho, the theme I’m using is called Newscast, available from ThemeForest.com.

    Any help is greatly appreciated.

    Thanks!
    Arron

Viewing 9 replies - 1 through 9 (of 9 total)
  • I only tested this on Firefox….

    In style1.css

    Edit these to

    element.style  {
    margin-left:-60px;
    }

    In style.css

    .entry-head span {
    display:block;
    float:right;
    padding-left:26px;
    width:70px;
    }

    Trying those now. Will report back. – Thanks wpbum!

    Okay, that seemed to have worked, but it has now pushed the whole block of ‘Publish Date’, ‘Comments’ and ‘Author Name’ to the right.

    Hmm.

    Yes the 2nd code I posted makes it all align correctly but pushes it to the right.

    Then below is what makes it all go back to the left in style1.css

    element.style  {
    margin-left:-60px;
    }

    You have to create a new rule because what have now is

    .entry-head, .entry-head a, .entry-bottom, .entry-bottom a {
    color:#888F96;
    }

    so replace the above with

    .entry-head {
    margin-left:-60px;
    }
    
    .entry-head a, .entry-bottom, .entry-bottom a {
    color:#888F96;
    }

    Thanks. That solved the right align issue, however now the excerpt text is running into the right side of the comments block on the frontpage.

    Any ideas?

    Odd that did it. I didnt notice it.

    In style.css will push that back down where it needs to go. The padding-right part

    .entry-head {
    float:left;
    padding-bottom:11px;
    padding-right:60px;
    width:100%;
    }

    That did it! – Thanks so much. You’ve been awesome.

    Cheers,
    Arron

    Your welcome. 🙂

    Make sure you check it out in other browsers also. I only tested in Firefox.

    Will do – thanks again!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How To Remove Extra Space (Padding) Before 'Comments' Tag on Frontpage’ is closed to new replies.
Skip to toolbar