Change color of text in member directories

@stighetl

You can try to use this guide for your Profile text color

https://docs.ultimatemember.com/article/270-how-to-change-default-ultimate-member-blue-color-using-css

@missveronicatv Thank you for your reply! I think we’re on the right track. Unfortunately I don’t know much CSS, but it looks like this code only change link color and button colors, not text color. But if I search after “text color” on docs.ultimatemember.com, I get 119 articles. So fingers crossed the answer is there somewhere!

By the way, this is text fields in the user information section on a member directory site.

“Choose field(s) to display in extra user information section”

@stighetl

Try with this CSS

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
color:black !important;
}

• This reply was modified 1 year, 11 months ago by missveronica.

@missveronicatv Thank you! Unfortunately, it didn’t resolve my issue.

I entered the exact code into the custom CSS section for my theme Lexrider, but the text is still white.

(The text with a red background is text I’ve marked)

@stighetl

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline {
color:black !important;
}

• This reply was modified 1 year, 11 months ago by missveronica.

@missveronicatv I really, really appreciate you taking the time to help me. Unfortunately it’s still not working.

I even tried to change the color from “black” to “#000000”, but that didn’t work either.

@stighetl

Is this a brand new UM installation?
Do you have a customization made in a child-theme?

@missveronicatv I have to be a little careful with my answer now. It’s a brand new UM installation. I haven’t made any changes to UM other than some small changes in the settings, and added some user roles and forms.

I did however enable Gutenberg Blocks. Tried to disable it now, without any luck I’m afraid.

I’m making the customization in the main theme of the website.

@stighetl

Try to change to another WP Twenty Twenty- default theme.

@missveronicatv I changed from Lexrider to Twenty Twenty-One. Here the text was already black, so I tried to add the code

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
color:red !important;
}

to the custom CSS section, but unfortunately that didn’t work either.

@stighetl

Last attempt this is the top section of the profile card

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline {
color:black !important;
}

• This reply was modified 1 year, 11 months ago by missveronica.

@missveronicatv You’re on to something now! It changed the color in the grid view, but not on the list view I’m sorry. (I tested with red color instead of black)

• This reply was modified 1 year, 11 months ago by stighetl.

@stighetl

Yes this color change to red was expected with the last CSS

Try again this CSS

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline {
color:black !important;
}

@missveronicatv Again, I’m really grateful for your help! We’re almost there. (Again, I just changed the color to red to see where the changes took effect)

Unfortunately, it only changes the color on the grid view, not the list view.

• This reply was modified 1 year, 11 months ago by stighetl.