Creating custom thread and resource prefix CSS

Creating custom thread and resource prefix CSS

Which class names did you use in EXTRA.css and for the prefix?

If you follow the instructions in the resource it will work.
 
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.
 
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?
 
Is there a way to add those self-created .classes to the main selection menu?
0923269.png
 
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¿?
 
Try with:
Code:
.prefix.prefixArduino {
color: @textCtrlBackground;
background: #229954;
border-color: @primaryDark;
}
a.prefixLink:hover .prefix.prefixArduino {
color: white;
background: #229954;
border-color: @primaryDarker;
}
 
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.webp
    Screenshot_20161121-233331.webp
    38.9 KB · Views: 27
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:
Back
Top Bottom