• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Membercard location?

zaiger

Active member
#1
I'm having a difficult time finding where the membercard's style property page is. My text is almost the same color as the background and it is very difficult to read. Could someone please point me in the correct direction to the page to change the membercard's style properties? Thanks in advanced!

membercard.png
 

Brogan

XenForo moderator
Staff member
#2
You need to use EXTRA.css.
Adapt this code for your own use.

Code:
/* Change status font on member card */
.xenOverlay.memberCard .userInfo .status {
font: italic 10px arial !important;
}

/* Change colour of username on member card */
.xenOverlay.memberCard .userInfo h3 {
color: @secondaryLight !important;
}

.xenOverlay.memberCard .userInfo h3 a {
color: @secondaryLight !important;
}

/* Change colour of title on member card */
.xenOverlay.memberCard .userInfo h4 {
color: @primaryLight !important;
}

/* Change colour of upper horizontal divider on member card */
.xenOverlay.memberCard .userLinks {
border-bottom: 1px solid @dimmedTextColor !important;
}

/* Change colour of links title on member card */
.xenOverlay.memberCard .userLinks a {
color: @primaryLight !important;
}

/* Change colour of lower horizontal divider on member card */
.xenOverlay.memberCard .lastActivity {
border-top: 1px solid @dimmedTextColor !important;
}
 

zaiger

Active member
#4
You need to use EXTRA.css.
Adapt this code for your own use.

Code:
/* Change status font on member card */
.xenOverlay.memberCard .userInfo .status {
font: italic 10px arial !important;
}

/* Change colour of username on member card */
.xenOverlay.memberCard .userInfo h3 {
color: @secondaryLight !important;
}

.xenOverlay.memberCard .userInfo h3 a {
color: @secondaryLight !important;
}

/* Change colour of title on member card */
.xenOverlay.memberCard .userInfo h4 {
color: @primaryLight !important;
}

/* Change colour of upper horizontal divider on member card */
.xenOverlay.memberCard .userLinks {
border-bottom: 1px solid @dimmedTextColor !important;
}

/* Change colour of links title on member card */
.xenOverlay.memberCard .userLinks a {
color: @primaryLight !important;
}

/* Change colour of lower horizontal divider on member card */
.xenOverlay.memberCard .lastActivity {
border-top: 1px solid @dimmedTextColor !important;
}
I'm still not able to change the color of the text that says "From", "Member since", "Messages", "Likes Received", "Trophy Points", "X was last seen" and "X minutes ago", that was the main issue. Is there another field for that text?

I changed all the variables to a lighter color and got this.
membercard2.png
 

Brogan

XenForo moderator
Staff member
#5
That's this code:
Code:
.pairs dt,
.pairsInline dt,
.pairsRows dt,
.pairsColumns dt,
.pairsJustified dt
{
    color: @primaryLighter;
}
The "a moment ago" is this:
Code:
body .muted, body a.muted, body .muted a { color: @primaryLighter; }
Be aware though that will change the colour of any other elements which use those classes.