Elements with mouse on hover

[Neetra]

Hi there,
do you have an elements that change when the mouse on hover?
I mean not button or image, but whole “text box” or “cell”.
i.e. the cell is

mouse on hover: background and colour font change and appear additional text or icon. See below

Tnx for your suggest.

Rgs,
Francesco

[ruenel]

Hey Francesco,

Thanks for writing in!

In the columns settings, you can set a background color (http://prntscr.com/ijrhui). For the hover background color, you will need to add a custom class in the “Customize” tab as seen here:
https://image.prntscr.com/image/BbawCZXFQSGWk3rqgHDKjg.png

And then in the custom css panel tab, Settings > Custom CSS, you will need to insert this code:

x-section .column-with-hover:hover {
  background-color: red !important;
}

Feel free to change the background color which suits your color scheme.

[Neetra]

Tnx RueNel,
ok for backgourng column but what about text? Text is an element.
Tnx for your kindly assistance.
rgs,
Francesco

[thai]

Hi There,

Please update the previous CSS to this:

.x-section .column-with-hover:hover {
  background-color: red !important;
}
.x-section .column-with-hover:hover .x-text,
.x-section .column-with-hover:hover .x-text .x-btn {
  color: #fff !important;
}