Members Directory Colors

@serhatcosskun I am having a hard time understanding the issue. Maybe I can help you if you could help me understand the issue with an example or screenshot.

Thank you for your response. I want to change the color of the texts in the boxes in the members directory. If you can visit my site, you can see it on the main page.

ozelhocalar.com

Hi @serhatcosskun

You can try this CSS snippet:

.um-directory .um-member-tagline, 
 .um-directory .um-member-name a {
    color: red !important;
}

Regards,

• This reply was modified 3 years, 4 months ago by Champ Camba.

Hi @champsupertramp

I added the code to the additional css section in the customize section, but it gave an error. I am using Zakra theme (Themegrill). Am I adding it in the wrong place? Thanks.

• This reply was modified 3 years, 4 months ago by Serhat.

Hi @serhatcosskun

Sorry for the late response. Are you still having issues? Could you please provide a screenshot of the error that you’re seeing? You can upload the screenshot via imgur.com and then share the image URL here so we can review it.

Regards,

Hi @champsupertramp
No problem. Thanks for be interested. I am attaching screenshots of the texts that I want to change the color of. You can access it from the links below. I also indicated with an arrow on the screenshots.

Screenshot links:

https://ozelhocalar.com/wp-content/uploads/2021/11/IMG_20211104_092715.jpg

https://ozelhocalar.com/wp-content/uploads/2021/11/IMG_20211104_092524.jpg

• This reply was modified 3 years, 3 months ago by Serhat.

Hi @serhatcosskun

For https://ozelhocalar.com/wp-content/uploads/2021/11/IMG_20211104_092715.jpg
Please try the following:

.um-profile.um .um-name a {
color: red;
}
.um-meta span{
 color: yellow;
}

For https://ozelhocalar.com/wp-content/uploads/2021/11/IMG_20211104_092524.jpg
Please try the following:

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a{
  color: green;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline{
   color: blue;
}

.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: brown;
}

Regards,

I tried the codes you gave.

Only this code worked:

.um-meta span{
 color: yellow;
}

Others did not work. There was no color change.

Thank you.

Screenshot link:
https://ozelhocalar.com/wp-content/uploads/2021/11/Ekran-Alintisi.jpg

• This reply was modified 3 years, 3 months ago by Serhat.
• This reply was modified 3 years, 3 months ago by Serhat.

Hi @serhatcosskun

Try adding !important.

e.g.

.um-profile.um .um-name a {
color: red !important;
}

Regards,

Okay I added. Thank you so much. Another one worked.

These are the ones that don’t work:

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a{
  color: green !important;
}

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

.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: brown !important;
}

Hi @champsupertramp

I noticed something.
While the list is as follows, those 3 codes are working.
screenshot link:
https://ozelhocalar.com/wp-content/uploads/2021/11/kutucuk.jpg

but the list doesn’t work in this state.
screenshot link:
https://ozelhocalar.com/wp-content/uploads/2021/11/liste.jpg

I think it will work if I change the word “grid” in the code to “list”
I will try

** and it works. ??

Thank you

• This reply was modified 3 years, 3 months ago by Serhat.
• This reply was modified 3 years, 3 months ago by Serhat.
• This reply was modified 3 years, 3 months ago by Serhat.
• This reply was modified 3 years, 3 months ago by Serhat.

Thanks for letting us know how you resolved the issue.

Regards.

I thank you for being so helpful.

Thanks! Have a great day.

Regards,