Adding Menu ALT from Toolset Starter theme

This support ticket is created 7 years, 6 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
-	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	7:00 – 14:00	-
-	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	15:00 – 16:00	-

Supporter timezone: Europe/London (GMT+00:00)

Tagged: Customizing Toolset Starter, Toolset Starter Theme, Using Toolset Starter

This topic contains 3 replies, has 2 voices.

Last updated by Nigel 7 years, 5 months ago.

Assisted by: Nigel.

Author

Posts

May 11, 2017 at 10:17 am #522987

kelvinL-2

Dear Sir/Madam,

I am using the Toolset Starter Theme, I use awesome fonts to show icon for the menu instead of text, I want to add the ALT text for each menu item, so that we visitor mouse hover the menu, it show the text.

Site is hidden link

Best regards,

Kelvin.

May 11, 2017 at 10:43 am #523005

Nigel

Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Kelvin

It is the title attribute you need to add (not alt) for the tooltip to show on hover.

The Toolset Starter theme will automatically add these if they are set.

You may be wondering how to set them.

They are hidden by default in WordPress. If you go to Appearance > Menus to edit your menu, then expose the Screen Options tab at the very top of the page where you can opt to display certain advanced fields, including the Title Attribute, which you can then add individually to each menu item.

See the screenshot for an example.

May 16, 2017 at 4:46 pm #524876

kelvinL-2

Dear Nigel,

Thanks for your reply. May I make the title look bigger in font size, it looks too small.

Best regards,

Kelvin.

May 17, 2017 at 6:57 am #525071

Nigel

Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Kelvin

The tooltips are a browser feature, the browser generates them and normally you have no control over the style.

I did a search and found one example of modifying the behaviour using CSS, which I haven't tried but I'll share the link if you want to see for yourself and experiment: http://stackoverflow.com/questions/9927640/styling-native-tooltip-from-title-tooltip-text

An alternative would be to design your own tooltips and use Javascript to suppress the native tooltips by removing the title attribute, but, in any case, it is not "standard" and will require you to come up with a custom solution.