Support » Fixing WordPress » Comments form overlapping. Why? Please help!

  • Hello,

    I’m new to all of WordPress and currently having problems with my atahualpa theme comments form.

    I really would like to go in and edit the font style of the comments form box; I don’t like the font as big and bold as it is, and I want to change the color. I also don’t want individual comments to show up with that gigantic black font.

    I was able to change the form font size in Theme Options > Comments > Style and Configure Comments, but it won’t change the weight or color of the font, and I haven’t yet discovered where to edit the font style for individual posted comments. I’d like to know exactly where to do that in php (if necessary). I don’t want to mess up any editor pages (I really am unfamiliar with all of this).

    My main concern, font style aside, is that when you look at the comments form of my entry the text is overlapping.

    It shows “January 1st, 2010 | Category: new work | Edit this post” falling behind/overlapped by “Leave a Reply” and it looks like an awful mess. Also, once a comment has been posted, “January 1st, 2010 | Category: new work” is being overlapped by the comment author’s name, and the footer of my journal runs clear up into the comment form.

    Can you have a look please? Do I need to edit margins or padding or something somewhere? Thank you so much for the help..

Viewing 2 replies - 1 through 2 (of 2 total)
  • Eric Amundson


    Volunteer Moderator

    Hi Candace,

    I see what you mean.

    First, as a designer, I don’t like that this theme was coded using a table for layout. It’s a mistake, in my opinion, and seems to be contributing to one of your issues. Not much you can do about that aside from using a different theme.

    All of the styles for this theme, including the comments, seem to be in the CSS file, gsom.css. In fact, normally all of the site’s presentation (look & feel) is in the theme’s CSS file(s). Usually, each theme has a file called style.css and there can be other CSS files if the theme designer splits them up, or if you use plugins that have their own CSS.

    When attacking problems like this, I first like to validate the HTML to see if there are glaring issues. In your case, the validator picked up ~163 errors. Usually, it’s best to sort these out – especially those that can effect layout – before working further as the errors sometimes are related to the layout issues.

    I can see two places in the code where there are inline styles declaring a specific height of 10px for a div, which is also causing breakage. I can’t exactly tell you where to look to remove these without looking through your theme.

    So, I’d start by trying to eliminate any errors you can with the validator, and then look for the style changes that you need.

    If you’re unable, or unused to CSS, there’s some help here on the forums, or you can contact me and I’ll help if I can.


    {HOLY CRAP.}

    Welp, after receiving intimidating quotes from WordPress design service companies I decided to try and adjust a theme to make it look the way I wanted it to all by myself, and, naturally, I screwed it up instead. 163 errors?! How embarrassing.

    I appreciate your input on this topic. Hopefully it will be useful to someone else as far as what direction to take, but with me? Way over my head. Thank you for your professional opinion Eric, I’m sure I’ll be in touch soon.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Comments form overlapping. Why? Please help!’ is closed to new replies.