Check our other helpful areas that might answer your question

This is the second question mentioned here.

Is it possible to change the text color on hover? We have buttons that we have customized to be light gray on normal state and turn darker on hover. They aren't super dark so dark text is still readable in hover state but white would be better. I don't see any controls but thought it worth asking; is this possible?

Hello,

Unfortunately, it is not possible to change the text color of a text inside an imagine button on hover. It is, however, possible to change its default color. For example, you can choose a color that is visible on both states of your image button (both default and with mouse hover). To do so, please follow the next steps:

- Go to "Themes" page --> "Text Styles" tab --> click "New..." to create your own text style (both font and color). After doing so, set its property to something meaningful (e.g. "MY_TEXT_STYLE").

- After doing so, please go to "Dialogs" page --> click on the "Dialog" that contains your image button control --> click on your image button control and on the right pane, under "Text Style", select the earlier created style.

Hope that helps.

Kind regards,
Catalin

Text color change on hover over button

I am trying to change the color of the text inside the button on hover.

I can make the button itself change color, but I want the button text to change color too.

Here is my current css:

button,
input.button,
a.button,
input[type="submit"] {
background:#2e77ae;
background: -moz-linear-gradient(top, #5590bd, #2e77ae);
background: -webkit-linear-gradient(top, #5590bd, #2e77ae);
background: -o-linear-gradient(top, #5590bd, #2e77ae);
background: -ms-linear-gradient(top, #5590bd, #2e77ae);
background: linear-gradient(top, #5590bd, #2e77ae);
border-color:#2e77ae;}

button:hover,
input.button:hover,
a.button:hover,
input[type="submit"]:hover{

background:#E6D332;
background: -moz-linear-gradient(top, #E6D332, #E6D332);
background: -webkit-linear-gradient(top, #E6D332, #E6D332);
background: -ms-linear-gradient(top, #E6D332, #E6D332);
background: linear-gradient(top, #E6D332, #E6D332);
border-color:#2e77ae;}



button:focus,
input.button:focus,
a.button:focus,
input[type="submit"]:focus {
background-color:#E6D332;}

Hi and welcome to our forums,

As my colleague previously replied, I am afraid it is not possible to change the text color of a text inside an imagine button on hover.

All the best,
Daniel