Mouseover text - Toolset

This support ticket is created 3 years, 3 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 3 years, 3 months ago.

Assisted by: Luo Yang.

Author

Posts

January 4, 2022 at 2:43 am #2257951

mariaR

Hi, I'm trying to create a view of a list of products. On the heading of the product name I would like the text to change to "see product details" and possibly change to a different color when you mouseover it.

littlenaturalnut.com

January 4, 2022 at 6:39 am #2258053

Luo Yang

Hello,

It needs custom JS/CSS codes, for example:

jQuery('.tb-heading a').hover(function () {
    jQuery(this).css('color', 'red');
    jQuery(this).text('see product details');
},

More help:
hidden link
hidden link
hidden link

January 4, 2022 at 2:47 pm #2258367

mariaR

Where would I put that code?

January 5, 2022 at 2:28 am #2258827

Luo Yang

You can follow our document to add custom JS codes into your post view:
https://toolset.com/course-lesson/adding-custom-javascript-to-views-templates-and-archives/#steps-for-adding-javascript-to-a-view