Change color of info content of classic button

[eutaw]

I would like to change the color of the hover text on the classic button, but can’t get it to work. On the page listed in secure content, I have a classic button (Back to Designs) in Section also titled Back to Designs. When I hover the classic button, I want the text to be another color because the default color is difficult to read. I added the following to STYLE on Cornerstone page, but that didn’t work.

a:hover{color:#ff0000;}

Please take a look and point me in the right direction. Your help is appreciated.

[ruenel]

Hello @eutaw,

Thanks for writing in!

To change the text color and text hover color of the classic buttons, please go to X > Theme Options > Buttons > Colors. You should see the respective color pickers for the styles.

Hope this helps.

[eutaw]

When I go to X > Theme Options > Buttons > Colors, the hover text color is set to white. However, the hover text color on my page is not white. Therefore, I don’t think this will change the hover text color on my page.

[ruenel]

Hello @eutaw,

Both the text link color and the link hover color is set to white.

And if you change the text link hover color to red, the red color should display when you hover over the button as shown below:

Hope this helps. Please let us know how it goes.

[eutaw]

The text color that I want to change is circled in the attachment.

[Prasant]

Hello @eutaw,

Thanks for updating the thread.

Please use following CSS under X > Theme Options > CSS:

.popover-title {
    color: #000;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[eutaw]

Thank you and thank you for info on the CSS code selector.

[Prasant]

You are most welcome.