Archived topic

How to change Comment author color and font weight

5 replies · Started by Alexandra on November 10, 2020

Viewing posts 1–6 of 6

November 10, 2020 at 10:50 pm #1526269

Hey guys!

I'm trying to change the Comment author color and font weight.
I know that linked Comment author names inherit their color from the Body Link color, but is there a way to override that?

Here is a sample post with both linked and unlinked Comment author names: https://alex.bandiwork.dev/2018/12/romania-m-mehedinti-domogled-iulie-2018.html

I want to have the same color and font weight (for example #3d3d3d and weight 300) for Comment author names regardless of them being linked or not.
Is that possible?
Thank you so much!

November 11, 2020 at 2:35 am #1526432

Hi there,

try adding this CSS:

.comment-author {
    color: #72a530;
}

November 11, 2020 at 9:34 pm #1527702

Hi, David!
I apologise, I was probably ambiguous in my explanation.
I don't want the green color for comment authors, I want to have #3d3d3d as the unique color for all comment authors, and I also need to change the font weight.

I tried adding

.comment-author {
    color: #3d3d3d;
    font-weight: 300
}

but that changes nothing.
Is there a way to achieve this?
Thank you so much!

November 11, 2020 at 9:59 pm #1527716

Hi,

Try this selector:

.comment-author cite, .comment-author cite * {
    font-weight: 300;
    color: #3d3d3d;
}

Some comments have authors that doesn't have profile links to their names. But some do, so we add .comment-author cite * so it styles regardless if there's profile link or not.

November 12, 2020 at 12:42 am #1527830

Hi, Elvin! :)
That is EXACTLY what I needed!
Thank you SO much for this!

November 12, 2020 at 12:43 am #1527832

That is EXACTLY what I needed!
Thank you SO much for this!

Nice one.

No problem. Glad to be of any help. :)

This archived topic is closed to new replies.

Start building better websites today.