moving the comment box above the comments

  • Author
    Posts
  • #1881414

    assuming I purchase the custom design, how can I move the comment box above the comments.

    The blog I need help with is changethebrand.com.

    #1881578

    vinoddalvi
    Member

    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

    #1881582

    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

    #1881583

    vinoddalvi
    Member

    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

    #1881584

    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.

    #1881588

    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?

    #1881590

    vinoddalvi
    Member

    Hi @kevinlefkowitz,

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

    Regards,
    Vinod Dalvi

    #1881591

    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!

    #1881592

    vinoddalvi
    Member

    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

    #1881595

    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?

    #1881597

    Ok I figured it out. Thanks again for your help I really appreciate it!

    #1881673

    vinoddalvi
    Member

    You are most welcome, if I can be of any further assistance please don’t hesitate to ask :)

The topic ‘moving the comment box above the comments’ is closed to new replies.