sfaust
Posts: 48
Joined: Tue Oct 13, 2015 11:57 pm

Button Text Color on Hover

Wed Jan 09, 2019 7:25 pm

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?

Catalin
Posts: 6506
Joined: Wed Jun 13, 2018 7:49 am

Re: Button Text Color on Hover

Wed Jan 16, 2019 9:38 am

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
Catalin Gheorghe - Advanced Installer Team
Follow us: Twitter - Facebook - YouTube

clarkembers
Posts: 1
Joined: Wed Jan 01, 2020 12:02 pm
Contact:  Website

Re: Button Text Color on Hover

Wed Jan 01, 2020 12:11 pm

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;}

Daniel
Posts: 8237
Joined: Mon Apr 02, 2012 1:11 pm
Contact:  Website

Re: Button Text Color on Hover

Tue Jan 07, 2020 8:20 am

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
Daniel Radu - Advanced Installer Team
Follow us: Twitter - Facebook - YouTube

Return to “Feature Requests”