• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Creating custom thread and resource prefix CSS

Creating custom thread and resource prefix CSS

Brogan

XenForo moderator
Staff member
#23
Which class names did you use in EXTRA.css and for the prefix?

If you follow the instructions in the resource it will work.
 

Mr Lucky

Well-known member
#24
Which class names did you use in EXTRA.css and for the prefix?

If you follow the instructions in the resource it will work.
Got it thanks, at the top it mentions the class names CTA1 and CTA2, but later on it mentions prefix prefixCTA1 so it's all good now.
 
#25
I have defined my class and it works fine EXCEPT for some reason i still get the gradient on the prefix (even though I did not define it?)
Is it possible and how can i remove the gradient?
 

ioneti

Active member
#34
I need a prefix colour like my forum #229954

I modificate extra.css :

.prefix.prefixArduino {
color: @textCtrlBackground;
background-color: #229954;
border-color: @primaryDark;
}
a.prefixLink:hover .prefix.prefixArduino {
color: white;
background-color: #229954;
border-color: @primaryDarker;
}

what i write on personal class css¿?
 

Luis

Well-known member
#37
Try with:
Code:
.prefix.prefixArduino {
color: @textCtrlBackground;
background: #229954;
border-color: @primaryDark;
}
a.prefixLink:hover .prefix.prefixArduino {
color: white;
background: #229954;
border-color: @primaryDarker;
}
 

Finnigan

Active member
#39
With 2.0 ...What am I doing wrong with this? I'm just getting text.

.prefix.prefixfemale {
color: white;
background-color: #ffd0d7;
border-color: #ff8396;
}
a.prefixLink:hover .prefix.prefixfemale {
color: white;
background-color: #ffd0d7;
border-color: #ff8396;
}

.prefix.prefixfemale {
color: white;
background-color: #ffd0d7;
border-color: #ff8396;
}
a.prefixLink:hover .prefix.prefixfemale {
color: white;
background-color: #ffd0d7;
border-color: #ff8396;
}

prefix prefixfemale
 
Last edited: