Comment respond form overlapping

  • Hello!

    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: https://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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Oken

    (@oken)

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

    Thread Starter Oken

    (@oken)

    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.

    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.

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

    @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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Comment respond form overlapping’ is closed to new replies.