WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. razorianfly
    Member
    Posted 4 years ago #

    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

  2. Aaron
    Member
    Posted 4 years ago #

    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;
    }
  3. razorianfly
    Member
    Posted 4 years ago #

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

  4. razorianfly
    Member
    Posted 4 years ago #

    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.

  5. Aaron
    Member
    Posted 4 years ago #

    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;
    }
  6. razorianfly
    Member
    Posted 4 years ago #

    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?

  7. Aaron
    Member
    Posted 4 years ago #

    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%;
    }
  8. razorianfly
    Member
    Posted 4 years ago #

    That did it! - Thanks so much. You've been awesome.

    Cheers,
    Arron

  9. Aaron
    Member
    Posted 4 years ago #

    Your welcome. :)

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

  10. razorianfly
    Member
    Posted 4 years ago #

    Will do - thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic