Changing Colours of Profile Cards in Member Directory

  • Hi, I recently updated to Ultimate Member 2.0. I have been using version 1.0 because I’ve heard 2.0 changed a lot things. Thankfully most things on my website remained the same afterwards. However, I have quite a few member directories for different categories of businesses and before the update I made it so each directory has a different colour for the profile cards. This was possible on version 1.0 and very easy to do. Also I changed profile pictures to be in a circle rather than a square. But after the update while the colours haven’t changed, I cannot edit them and the profile pictures have changed to squares and I can’t change them to circles. Do I have to go in to the css file to change this because if so, I don’t see any reason why Ultimate Member would remove these features?

    Thanks -Joel

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey Joel !

    I was facing this issue with the Round Picture in member directory today. Here is a solution:

    Add this :

    .um-member-photo img.avatar {
    border-radius: 100px !important;
}

    In style.css (Preferably in a Child Theme so this modification will be kept even if you update your Theme).

    Regarding the color, could you please show a picture of what you want it to look like ?

    Thread Starter itsjoelabraham

    (@itsjoelabraham)

    Hi,

    Thanks for the css code, it worked ??
    Regarding the profile cards, here’s a picture of how I want them look:

    View post on imgur.com

    Each user role’s directory has a different color. The code from UM 1.0 remained so each directory does still have a different color but I would like to know how to do it for future reference.

    Thanks- Joel

    Hi,

    That’s true that with the new version many personalizing options have disappeared (probably the goal is to bring them back with a CSS personalisation plug-in for which we’ll have to pay…)

    I think the solution with the version 2 of Ultimate Member would be to had this to style.css :

    .um-XXX .um-member-card, .um-XXX .um-member-photo {
    background-color: CCCCCC;
    }

    XXX = ID of the Directory
    CCCCCC = Your color

    Nathan

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Colours of Profile Cards in Member Directory’ is closed to new replies.