Creating custom thread and resource prefix CSS

Creating custom thread and resource prefix CSS

Brogan

XenForo moderator
Staff member
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
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.
 

jayramfootball

Active member
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?
 

celebrir

Member
Is there a way to add those self-created .classes to the main selection menu?
 

ioneti

Active member
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
Try with:
Code:
.prefix.prefixArduino {
color: @textCtrlBackground;
background: #229954;
border-color: @primaryDark;
}
a.prefixLink:hover .prefix.prefixArduino {
color: white;
background: #229954;
border-color: @primaryDarker;
}
 

ioneti

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

Look, don't work, see white
 

Attachments

  • Screenshot_20161121-233331.png
    Screenshot_20161121-233331.png
    158 KB · Views: 27

Finnigan

Active member
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:
Top