Comment area fileds inline

Hi there,

Sorry for not getting back to you sooner!

Adding this should be enough:

@media (min-width: 769px) {
    .comment-form #author, 
    .comment-form #email {
        width: 48%;
        float: left;
    }

    .comment-form #email {
        float: right;
    }

    .comment-form #url {
        width: 100%;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Thanks for reply, however I asked how to put 3 fields on a single line, thanks

Ah, try this:

@media (min-width: 769px) {
    .comment-form #author, 
    .comment-form #email,
    .comment-form #url {
        width: 32.5%;
        float: left;
    }

    .comment-form #author {
        margin-right: 1%;
    }

    .comment-form #url {
        margin-left: 1%;
    }
}

That works but I want to add margins between fields
Desired result looks like

Thanks

Just edited the code above :)

Thanks again!
Almost perfect, apart of Google reCaptcha overlay

Can you link me to that page?

DELETED

Try this:

.g-recaptcha {
    clear: both;
}

That works! Thank you

resolved

You're welcome :)