Click here to Skip to main content
15,867,771 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Hey there!!

Trying to change the color of a few buttons within the css but nothing is working. Here is the code:

 text-danger {
   color:#00A36C;
} 
 
 .fa fa-plus {
 color:#00A36C;
} 
glyphicon glyphicon-plus {
 color:#00A36C;
} 


I'm using an already made script and don't care the colors. I appreciate the help :)

What I have tried:

Internet searches mostly. I also looked into other forums
Posted
Updated 25-Feb-23 7:31am

Hi, you have to identify your selector :

if an id, it's '#'
if a class, it's '.'

to define a constant ( or more ) in CSS :
html{
--button-background-color : #00A36C;

}

#text-danger { // if id -> #
   color:var(--button-background-color); // recall of the value by name
} 
 
 .fa .fa-plus {
 color:var(--button-background-color);
} 
.glyphicon #glyphicon-plus {
 color:var(--button-background-color);
} 




//or why not write one time color for all fields : ( with ',' as Selectors separator )

#text-danger,.fa .fa-plus, .glyphicon #glyphicon-plus{
color:var(--button-background-color);
}
 
Share this answer
 
v2
Thank yall for the help...much appreciated!!! :)
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900