[Resolved] How to Edit Text

Hi there,

This is coming from WordPress. Take a look at this article:
https://www.webfulcreations.com/remove-or-edit-save-my-name-email-and-website-in-this-browser-for-the-next-time-i-comment/

Hope this helps.

Give this CSS a try:

@media (min-width: 1025px) {
.single-post form#commentform {
    display: flex;
    flex-wrap: wrap;
}
.single-post p.comment-form-comment, .single-post .comment-form-cookies-consent {
    width: 100%;
}
.single-post input#email {
    margin-left: 20px;
}
}

Hi there,

Ying’s CSS should’ve worked to some extent.

You can try this:

@media (min-width: 1025px) {
    .single-post form#commentform {
        display: flex;
        flex-wrap: wrap;
    }

    .single-post p.comment-form-comment, .single-post .comment-form-cookies-consent {
        width: 100%;
    }

    .single-post input#email {
        margin-left: 10px;
    }

    input#author, input#email {
        flex: 1 1 auto;
    }
}

@media (max-width: 1024px) {
    .single-post form#commentform {
        display: flex;
        flex-direction: column;
    }
    
    .single-post input#email {
        margin-left: 0px;
    }

    input#author, input#email {
        flex: 1 1 100%;
    }
}

Here’s the CSS being tested on your site –

All of those methods should work.
But the only CSS you should require is this which will inline the two fields on Desktop only:

@media(min-width: 768px) {
    .comment-form {
        display: flex;
        flex-wrap: wrap;
    }

    .comment-form>* {
        flex: 1 0 100%;
    }

    .comment-form #author,
    .comment-form #email {
        flex: 1 0 calc(50% - 5px);
    }

    .comment-form #author {
        margin-right: 10px;
    }
}

If its not working then its probably because you have added it after some CSS that is broken, eg. a missing } on a media query. Add the CSS to very top of your CSS to test it and eliminate the chance you have added it inside another media query.

Depends what code you have used.
The Media Query is what defines the size screen it appears on.
In my code i had this:

@media(min-width: 768px)

Which means it will apply to Tablets and Destkop.

Try this filter:
https://docs.generatepress.com/article/generate_leave_comment/

The comments title has its own class of comments-title
So you can target that class specifically:

.comments-title {
    font-size: 20px;
}

But – you have this CSS:

@media (max-width: 768px) {
    body.single h2 {
        font-size: 22px !important;
    }

    body.single h3 {
        font-size: 16px !important;
    }
}

So you will need to make the comments-title more specific ie.

body.single h3.comments-title {
    font-size: 20px !important;
}