Comment respond form overlapping (6 posts)

  1. Oken
    Posted 6 years ago #


    I'm just starting out designing my first WordPress theme and have pretty much everything set in place for the most part.

    I'm using wordpress's built in threaded comment system which I managed to get working properly except the reply system. When clicking on the reply link I get the comment form to move just below the comment, but it overlaps instead. You can see for yourself here: http://www.angryrabbit.com/blog/?p=53

    The comment-reply.js JavaScript is loaded as well as the CSS file that goes along with it, so I think its something in the comments.php that's not right. I've been searching through google and the forms respectively, but Have not been able to pin point a similar problem.

    Here is the code for my current comments.php file:

    [Code moderated as per the Forum Rules. Please use a pastebin]

    I'd really appreciate any insight in this problem or at least point me into the right direction. And yes I have gone over the Migrating Plugins and Themes to 2.7/Enhanced Comment Display article.

  2. Oken
    Posted 6 years ago #

    I take it this is a very rare error. Guess I'll have to play around with things in the comment.php.

  3. Oken
    Posted 6 years ago #

    Good news comrades!

    Managed to some what stop the overlapping. Figuring this was a pretty rare error, I messed around some more with the CSS and found that giving the class: #comments #respond and floating it to the left stops the overlapping to a point.

    The only problem with this is that it begins to overlap slightly on the top when entering the higher nested thread levels. All I can do for now is add to the padding on the top, but from a design stand point it just doesn't look good.

    I'll keep working at and see if I can find a more aesthetically pleasing way to deal with this, but I'm super happy that I'm finally seeing results! Hopefully this will help save a few sleepless nights for the few web designers stuck with this very rare error.

    Though not a full proof solution, it should point many in the right direction.

  4. InHouse
    Posted 5 years ago #

    Hey Oken, did you ever get this sorted out completely? I am having the same exact problem. I can give the class a top margin but if there is more than 1 reply, the overlap comes back. I don't understand why the respond area doesn't flow with the rest of the page. Thanks for anyone's help.

  5. Michael
    Forum Moderator
    Posted 5 years ago #

    can you post a link to your site to illustrate the issue?

  6. InHouse
    Posted 5 years ago #

    @alchymyth, I think I have it mainly figured out using different CSS. I was going to reply when I got a definite answer. Thanks a lot for replying. I think the answer is that the item needs to use relative positioning. Before it wasn't specified. That seems to have solved it for me.

Topic Closed

This topic has been closed to new replies.

About this Topic