Comment Notify Buttons

  • Resolved krmnelson

    (@krmnelson)


    12 years, 5 months ago

    When I am logged in to my WordPress account, the comment Notify checkboxes and text are not lined up correctly. It isn’t a huge deal, as I am the one that would be logged in most of the time, but it does bother me. I am going to allowed users to register to use a Calendar plugin and they will see this when they log in as well. The theme is Choco.

    Does anyone know how to fix this?

    Here is a link: https://www.indiana-homeschool.com/classical-conversations-of-plainfield-information-meeting-july-9th/

    Of course, since you will not be logged in, you will not be able to see it.

    If someone can help, I can send a print screen or register you so you can see it.

Viewing 10 replies - 1 through 10 (of 10 total)

  • Hi.
    If you want the labels to align with their respective check-boxes (in one line), you need to open your style.css file, locate the #respond label selector, and delete this property:

    display: block

    That change will affect all the labels in your comment form, not just the check-box ones. If you only wish to target those, you will need to create a new style rule for them:

    .comment-subscription-form label {
display: inline!important;
}

    That should do it.

    Cheers!

    Thread Starter krmnelson

    (@krmnelson)

    Thank you! That does help. Now, how to I get the checkboxes and labels to align at the left instead of to the right of the comment box?

    When I am logged out, the comment box is on the right and the checkboxes and labels line up correctly.

    When I am logged in though, the comment box aligns to the left since the log in info is not needed. The checkboxes and labels stay to the right though.

    Kristi

    I understand.
    Try:

    .comment-subscription-form {
text-align: left;
}

    If that doesn’t work, I would need to look at your source code (the signed in version). To do so, sign in, access the source code (Ctr+U or right click-> “view source”), Pastebin and share the link here.

    Thread Starter krmnelson

    (@krmnelson)

    That didn’t work! Here is the pastebin url: https://pastebin.com/RbDB8yU4

    Thank you for your help!

    Kristi

    Hi Kristi,
    I checked the code and the problem seems to come from conflicting float attributes applied to your Submit Comment button when logged in. To fix that, you need to:
    1. Open your style.css file.
    2. Look for the following selector:

    #respond .button

    and delete this line:

    float: right;

    3. Look for the following selector:

    .userloggedbtn

    and delete this line:

    float: left!important;

    That, along with the previous tweak, should fix the problem for good.
    If it doesn’t for some reason, LMK and I’ll take another look.
    Cheers!

    Thread Starter krmnelson

    (@krmnelson)

    Hello! It worked great! The section looks much better.

    Thank you so much!

    Kristi

    Glad to hear!
    If you have other questions or problems, post again here and I’ll give you a hand.
    Also, please don’t forget to mark the thread as resolved whenever you can.
    Thanks!

    Thread Starter krmnelson

    (@krmnelson)

    Thank you!

    Kristi,

    Could you please mark this thread as resolved?
    Thanks.

    Cheers!

    Thread Starter krmnelson

    (@krmnelson)

    Sure! Thank you for your help!

    Kristi

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Comment Notify Buttons’ is closed to new replies.