Skip Navigation

[Resolved] Change Color BG on Mouse Over

This thread is resolved. Here is a description of the problem and solution.

Problem:

Change Background Color of a row (.hover-row) on Mouse Over.

Solution:

please try below CSS codes:

.hover-row:hover {
background-color: #f1f1f1;
}

Relevant Documentation:

https://www.w3schools.com/cssref/sel_hover.asp

This support ticket is created 6 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by Luo Yang 6 years, 7 months ago.

Assisted by: Luo Yang.

Author
Posts
#682425
2.png
1.png

Hello Toolset

Could you please let me know what I'm missing?

Tell us what you are trying to do?
Change Cell Row Background Color on Mouse Over

I created a CSS Class
"hover-row"

This is the CSS:
.hover-row {
background-color: #ffffff;
}
.hover-row a:hover {
background-color: #f1f1f1;
}

I added to a few cells
Please see images attached.

But no effect renders...

Is there any documentation that you are following?
Yes:
https://toolset.com/documentation/user-guides/adding-custom-styling-to-a-layout/

Is there a similar example that we can see?
Yes:
hidden link

What is the link to your site?
hidden link

#682753

Hello,

Your CSS code does work, but it works only for the post title link, if you want to take effect on entire row, please try below CSS codes:

.hover-row:hover {
background-color: #f1f1f1;
}
#682754

Oh wow, looks like I was making it more complicated than it was..
Your code provided the perfect result!
Thank you so much!

#682784

You are welcome