add this to your css
#controllers a {
background-color: #F2836B;
color: #F2836B;
}
change those hexidecimal colors to whatever you want
You’re the real MVP! Thanks
Question.
For the background color and color. Which one comes the first. By default, the slider is the main color plus the white is the one when you’re not seeing it.
I’m asking, since when I tried, it appeared 1 2 3 in a different color
that just controlls the color of the blocks themselves. the ‘current’ state has a different bit of css.
#controllers a:hover,
#controllers a.active {
background-color: #0FBE7C;
color: #0FBE7C;
}
change that to your liking. in both cases make sure the two colors are the same
Okay. I see the difference. But what if I want the primary color to be current and the other two spaces in a different color? Since that’s what I’m aiming for
Your final code just replaces the primary, but leaves the other spaces color white.
The primary color is #f98200
The color I want the other ones to be is #93C957
this css will change the general color of the bars:
#controllers a {
background-color: #93C957;
color: #93C957;
}
this css will change the color when you hover and when it is on the right image:
#controllers a:hover,
#controllers a.active {
background-color: #f98200;
color: #f98200;
}
Thanks man. That works great