WordPress.org

Forums

Divving up the comments. (3 posts)

  1. jemaverick
    Member
    Posted 7 years ago #

    jemaverick
    Member

    Hey there. I'm not sure how I can get this one to work. I've racked my brain for a couple of days trying to configure it, and I just can't seem to get anywhere with it. I'm wondering if there is somebody out there who can tell me how to get these divs to align properly. There is a crapload of css involved, and my tired eyes can't seem to pinpoint the problems, which are:

    1) The background isn't showing up in the sides of the comment boxes, specifically "com_box_right" and "com_box_left"

    2) The divs in the center aren't aligning properly, and are swinging out to the left.

    Here is the code for the comment box in the page comments.php:

    [Code Moderated: Use wordpress.pastebin.ca instead]

    Here's the link to peruse it http://www.jemaverick.com (still wrangling with some plugins, so pay no attention to the error messages :P)

    Is there something here that I've missed or just plainly done wrong?

    Signed,

    Severely Frustrated.

  2. Academiphiliac
    Member
    Posted 7 years ago #

    I'm not sure if I know exactly what you want where, but I can tell you probably want the date centered over the post, so let me solve that problem before I have to turn in tonight.

    1. Find this in your css file:
      .post_date {
      	float: left;
      	height: 50px;
      	width: 354px;
      	margin-left: 16px;
      	margin-top: 2px;
      	margin-bottom: 0px;
      	padding-top: 0px;
      	padding-bottom: 0px;
      }
    2. Delete this:
      float: left;
      and see if that works for you.

    I know it works in my Firefox, but I'm not sure about other browsers (e.g. IE).

  3. Academiphiliac
    Member
    Posted 7 years ago #

    "There is a crapload of css involved, and my tired eyes can't seem to pinpoint the problems..."

    Since you're code weary, I recommend you use css shorthand wherever possible.

    For example, you'll want to change this:

    #wp_wrap {
    	width: 100%;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    }

    into this:

    #wp_wrap {
    	width: 100%;
    	margin: 0;
    	padding: 0;
    }

    Maybe then you'll have an easier time finding the problem.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.