[Resolved] Add “Admin” text in the comments area

[Sanu Kumar]

I’m looking to add “Admin” text just like WPBeginner is using (only where the author replied to the comments).

[David]

Hi there,

similar request here – see my reply:

https://generatepress.com/forums/topic/how-to-add-a-verified-badge-to-authors-and-comment-reply/#post-2035556

[Sanu Kumar]

It looks nice on desktop but not looking good on Mobile

[Tom]

Hi there,

We’re happy to point you in the right direction, but we can’t design/make design decisions for you. If there’s something specific you’d like to tweak (and can link us to an example), we’ll be happy to take a look.

Thanks!

[Sanu Kumar]

If you see the badge in the comments section (where authors replied), it doesn’t look good on the mobile device. I want it to be responsive.

See the image below:

URL: https://www.masteryblogging.com/best-appsumo-deals/

[David]

You have this CSS:

.verified-user .comment-author cite::after {
    content: 'Sanu Replied';
    margin-left: 640px;
    text-align: right;
    background: #FF6200;
    color: #fff;
    padding: 10px;
    font-size: 15px;
}

replace that with:

.verified-user .comment-author-info {
    width: 100%;
}
.verified-user .comment-author cite {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.verified-user .comment-author cite::after {
    content: 'Sanu Replied';
    text-align: right;
    background: #FF6200;
    color: #fff;
    padding: 10px;
    font-size: 15px;
}

[Sanu Kumar]

thanks David

[David]

You’re welcome

[Author]

Posts