Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 5, 2017 at 3:55 pm #772628
    BeeCee

    Hi,

    I would like to switch the comment form labels like this way:

    Labels on the left, then next to it the field – how can I do this please?
    My site is not online, but I haven’t changed yet anything with the comment form, so this is the standard layout in the screenshot.

    Thank you.

    April 5, 2017 at 4:21 pm #772648
    Jordan Shannon

    Hey Chris,

    If possible please provide admin info so we can see the page with the form to confirm that our recommended css will work.

    Best regards,
    Jordan Shannon

    April 5, 2017 at 4:28 pm #772655
    BeeCee

    Thanks, but I found something here in the forum, which works fine:

    http://screencloud.net/v/rJWDj

    In case that someone needs the CSS, too:

    #commentform p {
    padding: 0;
}
#commentform label {
    position: relative;
    left: auto;
    margin-bottom: 5px;
}
#top .comment-form-url input, 
#top .comment-form-email input, 
#top .comment-form-author input {
    margin-bottom: 10px;
}

    and for those, who use the “Subscribe-to-comments-reloaded” plugin for comments subscriptions, the CSS for this are:

    input#subscribe-reloaded {
    margin-left: 0;
    width: 10px !important;
}
p.comment-form-subscriptions label {
    margin-bottom: 20px !important;
}

    and for highlighting author’s comments:

    ol#comments li.bypostauthor {
    background: #f2edf4 none repeat scroll 0 0 !important;
    padding: 10px;
}
    April 5, 2017 at 6:46 pm #772740
    Jordan Shannon

    Hi,

    Great! I am glad that you were able to find a solution. If you need additional help please don’t hesitate to contact us here on the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to switch comment form labels [solved]’ is closed to new replies.