Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS WordPress Comments area misbehaving

  • This topic is empty.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #43815
    alemieux3
    Participant

    I’ve got to the comments section in the BLANK Theme and there’s a div that I cannot identify that’s pushing my sidebar down, see here:

    https://www.dropbox.com/s/86y9b84qmaimg1g/problem.png

    When I outline it with Google’s Developer tools, I see it, but when I inspect it, it comes back as the HTML tag??? The h2 in the top of the post is floated left and I zeroed out its margin and padding. Same with the meta content beneath it.

    Here’s the theme as it is now:

    https://www.dropbox.com/s/ifxj9ngqsdfzdz7/BLANK-Theme.zip

    Everything else is working except this comments section. Any advice would be much appreciated.

    #130329
    alemieux3
    Participant

    Well, any ideas?

    #130365
    noahgelman
    Participant

    If you had a link, could tell you in a few seconds. Looks like a float issue.

    #130404
    alemieux3
    Participant

    Did the links above not work? I’m hoping to resolve the issue before I push the template to WordPress.

    #130407
    jmacaluso
    Member

    It’s really hard to tell with out an actual link to the site to debug. but, as @noahgelman said it looks like a float issue. I would try to put a float: right; on the sidebar container and float: left; on the comments container.

    #130437
    alemieux3
    Participant

    Here’s the stylesheet in Codepen: [http://cdpn.io/nkbay](http://cdpn.io/nkbay “Codepen Sample”) I am floating the comments to the left and the aside to the right. There’s some other element that is pushing the aside down, as you can see in the screen shot.

    #130446
    TheDoc
    Member

    That pen is sort of worthless. It would take about five seconds if you provided us a link to the theme actually in action.

    #130463
    alemieux3
    Participant

    OK, I’ll put the theme up in WP and see how it goes. Then I’ll send a link.

    #130465
    alemieux3
    Participant

    Here’s the link to the WP blog with the theme in action. http://blog.lemieux-design.net/ Now the aside is missing.

    #130467
    TheDoc
    Member

    For starters: quite a few errors happening here: http://cl.ly/image/3o2o0q051U3h

    I would wrap all of your posts in a div call `.posts` or something like that, then float *that* to the left.

    #130468
    alemieux3
    Participant

    I’ll fix the errors, seems like some paths to the fonts are wrong. In terms of your suggestion, which files do I put that in? Header and footer or content? I thought it was just the comments.php file screwing things up.

    #130542
    alemieux3
    Participant

    I got it to work. It was the index.php file that needed attention. Thanks for all your help.

Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘CSS’ is closed to new topics and replies.