moving the comment box above the comments

kevinlefkowitz · Member · Jun 8, 2014 at 9:15 pm
Copy link

Add topic to favorites
assuming I purchase the custom design, how can I move the comment box above the comments.

The blog I need help with is: (visible only to logged in users)
vinoddalvi · Member · Jun 9, 2014 at 1:56 pm
Copy link
Hi @kevinlefkowitz,

I hope you are well today and thank you for your question.

Try using following CSS code to achieve it.
```
div#comments {
     position: relative;
     padding-top: 350px;
}
div#respond {
     position: absolute;
     top: 0;
     left: 0;
}
```
Best Regards,
Vinod Dalvi
kevinlefkowitz · Member · Jun 9, 2014 at 2:36 pm
Copy link
hmm. It didn’t show up on the preview. Will this apply to future comments? Or is it also supposed to apply to comments already on the site?

thanks for your help
vinoddalvi · Member · Jun 9, 2014 at 2:39 pm
Copy link
Hi @kevinlefkowitz,

Thank you for your reply.

The provided CSS solution will apply to future comments and also to the comments already on the site.

Where have you added the code?

Regards,
Vinod Dalvi
kevinlefkowitz · Member · Jun 9, 2014 at 2:42 pm
Copy link
I clicked “customize”
on the right hand side I clicked CSS
I then clicked “CSS revisions” where a preview trial custom design screen appeared. I deleted the message given and replaced it with the CSS solution. I then tried leaving the message and adding the solution but neither worked.
kevinlefkowitz · Member · Jun 9, 2014 at 3:34 pm
Copy link
wait nevermind it worked! Thank you so much!

I have one more question. By moving the box up, it created a gap between the box and the comments. Is there any way I can make that gap smaller?
vinoddalvi · Member · Jun 9, 2014 at 3:46 pm
Copy link
Hi @kevinlefkowitz,

Actually we need that gap as clicking on comment text area it gets expanded.

Regards,
Vinod Dalvi
kevinlefkowitz · Member · Jun 9, 2014 at 3:49 pm
Copy link
Ok got it. Is there any way to expand the grey area that says “share your experience” rightwards? Like what happens when the comment box is clicked.

Thanks again for your help. You have been incredible!
vinoddalvi · Member · Jun 9, 2014 at 3:52 pm
Copy link
Hi @kevinlefkowitz,

Is there any way to expand the grey area that says “share your experience” rightwards?

Try using following code to achieve it.
```
div#respond {
   width: 100%;
}
```
Regards,
Vinod Dalvi
kevinlefkowitz · Member · Jun 9, 2014 at 4:00 pm
Copy link
Great thanks! Shoot. When the comment box expands, it overlaps with the “x# responses to…” how can I either make the bottom of the page shift with the expansion, or widen the gap?
kevinlefkowitz · Member · Jun 9, 2014 at 4:03 pm
Copy link
Ok I figured it out. Thanks again for your help I really appreciate it!
vinoddalvi · Member · Jun 10, 2014 at 10:43 am
Copy link
You are most welcome, if I can be of any further assistance please don’t hesitate to ask :)

No items found.