aemars

Sorry for my delayed response as well…

Yes, that does help! Thank you for getting back to me.

Best,

Aimee

Hey Steve,

I actually developed the site and coded it myself. I haven’t had much luck in figuring out how to set up the comments reply form under the comment being replied to. Would you be able to help me in figuring out the proper code and where the code should be placed or go?

Thanks,

Aimee

Hi David @haveanepiphany

You are correct and I actually see what you’re saying now that users have already provided that information. I guess I should not change that then and really my goal is actually uniformity.

When a user has currently signed “out” the fields author, email, and URL are to the right of the comment box, which I’d like to keep, but when a user is signed “in” the comment box remains the same size unless I set the width to 100%. If I set the 100% then when a user has signed “out” the field boxes are now below the comment box. Could you help me figure out how to change the size of the comment box based on these contents? Below is my code (sorry if I didn’t place it correctly):

#commentform {
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 30px;
width: 100%;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23c7c7c7' fill-opacity='0.14'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.form-submit {
margin-top: 220px;
}

#submit {
float: right;
display: inline;
}

#nsu-checkbox {
margin-top: 75px;
}

#respond {
width: 600px;
}

#respond form input[type="text"], #respond form textarea {
    -moz-box-sizing: border-box;
    font-size: 0.857143rem;
    line-height: 1.71429;
    padding: 0.714286rem;
    width: 100%;
    height: 100px;
}

#respond #comment {
float: right;
    width: 300px !important;
    height: 155px !important;
}

#respond #author {
    width: 175px !important;
    height: 20px !important;
}

#respond #email {
    width: 175px !important;
    height: 20px !important;
}

#respond #url {
    width: 175px !important;
    height: 20px !important;
}

Thanks so much for your help! This has been a huge frustration for me.

Aimee

I’ve just figured out how to fix the size issue of the single posts. Thank you so very much for your help. It was exactly what I needed and helped me solve this problem.

Okay, thank you so much! I’ve set the viewport now, using the one you suggested above. I don’t know a ton about media queries so any help you could provide would be much appreciated.

Thanks!!

Wow, that was easy! Thanks for your genius!!

Aimee

Got it!! Okay, I missed a small part of the code you added and the “” marks showed up as a different symbol. As soon as I fixed that it was set up properly. Thanks for your help. This has been bothering me for a while now.

Now I just have to figure out how to make my site more responsive…ha!

Thanks again.

I was able to fix the alignment, sort of, but the spacing is different between the posts. Now the images and excerpts are not spaced equally with the first and last posts being further away from the two middles posts.

Any help with fixing this alignment would be greatly appreciated.

Thanks,

Aimee