Move "leave a reply" box to top.

jaodpm · Member · Jul 26, 2015 at 7:35 pm
Copy link

Add topic to favorites
I found the code below in the forum. It should move the “leave a reply” box to the top of my page. But I don’t know how to use it. Help!

http://footcarenursing.com/conversations-2/

#comments {position:relative; padding-top:60em;}
.logged-in #comments {padding-top:40em;}
#respond {position:absolute; top:0;}

The blog I need help with is: (visible only to logged in users)
darrellschulte · Member · Jul 27, 2015 at 2:09 am
Copy link
Hi,

Not all themes are created the same, so a CSS solution for one theme may not work for another.

You can add this custom CSS to your site using the CSS Editor in the Appearance → Customize → CSS panel in your blog dashboard. Just copy, paste and save it.
```
#comments-template {
    position: relative;
    padding-top: 60em;
}

.logged-in #comments-template {
    padding-top: 20em;
}

#respond {
    position: absolute;
    top: 0;
}
```
You will definitely need to experiment with the padding to make sure it works for everyone.

Let me know how it turns out.
jaodpm · Member · Jul 27, 2015 at 10:03 pm
Copy link
That’s awesome. I worked! Is there a way to change the text? Maybe “leave a comment” ?

Thanks SO MUCH!!!

Julia
darrellschulte · Member · Jul 27, 2015 at 10:20 pm
Copy link
Sure thing! Look at the bottom of https://footcarenursing.com/wp-admin/options-discussion.php (Settings > Discussion) for the Comment Form.

https://en.support.wordpress.com/settings/discussion-settings/view-all/#comment-form
jaodpm · Member · Jul 28, 2015 at 2:51 am
Copy link
Your amazing!!

OK… 2 more things..

I’d like a black bar at the end of each comment thread. And I’d love the right hand column “Recent Comments” “Recent Posts”, etc to have a darker gray background to separate them (visually) from the posts and comments area.

You’re a lifesaver!!!

Julia
darrellschulte · Member · Jul 28, 2015 at 4:57 am
Copy link
For the “black bar”, do you mean something like this?
```
.commentlist > li,
.commentlist .children > li {
    border-bottom: 1px solid #000;
}
```
There are a bunch of ways to go for the sidebar. Were you thinking about going in this direction?
```
#sidebar-primary {
    background: darkgray;
}
```
jaodpm · Member · Jul 29, 2015 at 10:46 pm
Copy link
That is perfect for both of them!!! Thanks so very much!!!

Julia
darrellschulte · Member · Jul 29, 2015 at 10:50 pm
Copy link
You’re welcome — glad I could help out.

No items found.