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

font color question

Ati

Active member
#1
Hi,

I can't seem to be able to find where two font-colors are set. Could someone please help me out?

The first one I would like to change is the "Member Since", "Message Count", "Trophy Points" etc. colors in the popup userinfo:

style1.jpg

The second one I'd like to change is the font color of the selected main menu item:

sytle2.jpg

I THINK I went through all the options, but I must have missed something. Which style options set these?

Thanks!
 

Brogan

XenForo moderator
Staff member
#2
I use this in EXTRA.css to change the member card elements:

Code:
/* 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;
}

The text you've circled is this however:

Code:
xenOverlay.memberCard .userInfo .userStats th

The nav tabs are in Style Properties -> Header and Navigation
 

Wuebit

Well-known member
#3
I use this in EXTRA.css to change the member card elements:

Code:
/* 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;
}

The text you've circled is this however:

Code:
xenOverlay.memberCard .userInfo .userStats th

The nav tabs are in Style Properties -> Header and Navigation
Untitled.jpg
Does that code not change the grey than? am unable to find that one also

Ta