how to move the "leave a reply" box over to fit within my background?

  • Unknown's avatar
    tcharendoff · Member ·

    I haven’t added any posts yet, but on my “about” page, I notice that at the bottom of the page, the “leave a reply” box is too far to the left. I have my own background image, and I need all text to be within a certain part of the image, and the reply box is in out of the bounds of my image. I have found a code to help me shift the texts of my posts, this is what I used:
    .hentry {
    margin-left: 12em;
    }

    Is there a similar thing I can do to move the “leave a reply” box over?

    The blog I need help with is: (visible only to logged in users)

  • staff-jeanpierreac · Staff ·

    Hi
    Your post area has a margin to the left of 11em, so this is the value you need for your .comments-area. This is the name :) So you need:
    #comments {margin-left.11em}
    The problem is that .respond div in it has its own margin to the left (8em in this case). If you do nothing about comments will be too much to the right. So, why don’t you use a margin-left:0em?
    Event so, you will find a second issue. Your comments textfield width don’t allow you to change those margins without going to much to the right. So… instead of 40em, the current width, you can use 35em. 

    #comments #respond {
    margin-left: 0em;
    width: 35em;
}

    Of course, you can tune your margin and width values to be aligned with what you exactly want.

    I hope this helps you. Enjoy blogging!

  • The topic ‘how to move the "leave a reply" box over to fit within my background?’ is closed to new replies.