Change button color (HELP)

[migoel585]

Hello dear community, I’m trying to change the color of the product search button and it doesn’t work. I hope you are doing well.

Can anybody help me.

[richards]

.ref-button {
  background: red;
}

[migoel585]

Thanks friend, it worked perfectly, only when I press the button it changes to blue, is there a way to keep it the color I want?

[richards]

Just define the active and hover state in your css

.ref-button {
  background: red;
}

.ref-button:hover {
  background: orange;
}

.ref-button:active {
  background: green;
}

[migoel585]

It didn’t work for me.

When I press, or hover, the mouse over the button turns blue. :C

[richards]

try adding !important after the colors

It sounds like another css overwriting it , difficult to tell without seeing the code

[migoel585]

You are definitely a genius. It worked perfectly

[richards]

if in doubt use !important, BUT I would try to find what is causing it to be blue, you might be able to tidy your code.