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
Here is the code for my current comments.php file:
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.
@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.