Change Comment Form to appear beside each other instead of underneath

Hey diogovareta,

Thank you for the inquiry.

You can add this css code to align the comment fields beside each other.

#commentform p.comment-form-cookies-consent {
    clear: both;
}

#commentform p.comment-form-email, #commentform p.comment-form-url, #commentform p.comment-form-author {
    float: left;
    margin-right: 30px;
    width: 210px;
}

#commentform p.comment-form-cookies-consent label {
    top: -5px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried to modify the width value in the css rule above? Please find the following css code and adjust the width value as necessary.

#commentform p.comment-form-email, #commentform p.comment-form-url, #commentform p.comment-form-author {
    float: left;
    margin-right: 30px;
    width: 210px;
}

You may need to adjust the width on different screen sizes with css media queries.

Best regards,
Ismael

Hi,

No problem! Let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael