"Change the text color for a whole column on hover" (#2329132) / ThemeNectar

Comments

1
Nico78160 started the conversation
March 16, 2020 at 2:55pm
Hey guys,
On this page, I was wondering how could I get the text of each of the six columns to be white on hover.
I managed to have the background changed to purple on hover (in the columns settings), but the text remains dark, which isn't really nice. It would much more legible in white.
I know that some modules of the template (such as morphing outlines) allow the text color to change on hover, but I don't know how to do that in my case.
Thanks a lot!
Best.

3,022

Andrew replied

March 17, 2020 at 5:01pm

Hi Nico,

Thanks for keeping in touch.

To make the hover adjustment, add the following custom css in Salient > General settings > CSS/Script related:

div#fws_5e70fbb28b9c8 .wpb_column .child_column:hover h4 {
    color: #fff !important;
}
div#fws_5e70fbb28b9c8 .wpb_column .child_column:hover p {
    color: #fff !important;
}
div#fws_5e70fbb28b9c8 .wpb_column .child_column:hover span {
    color: #fff !important;
}

Hope this helps.

1
Nico78160 replied
March 17, 2020 at 5:21pm
Hey Andrew,

Thanks for your help... however I tried on multiple browsers and cleared their cache, but it didn't change anything... is it working on your side?

Best
Andrew replied privately
Nico78160 replied privately
Andrew replied privately
Nico78160 replied privately