AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Closed] Add tooltip in up and down vote

2 Posts
2 Users
1 Reactions
1,778 Views
xfok
Posts: 86
 xfok
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@xfok)
Estimable Member
Joined: 7 years ago
[#14472]

Hello it's possible add a tooltip for UP and DOWN vote like my screenshot?

 Schermata 2020 08 23 alle 20.33.02

1 Reply
Alvina
Posts: 1857
Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@alvina)
Member
Joined: 7 years ago

Hi @xfok,

Please follow the steps below to get it resolved:

1. Put the following CSS code in the Dashboard > Forums > Settings > Styles admin page, "Custom CSS Code" textarea:

.wpf-positive::before {
content: "test";content: attr(data-tooltip);
display:none;
font-size:12px;
}

.wpf-positive:hover:before {
display: block;
}

2. Put the following JS code:

jQuery('.wpf-positive').attr('data-tooltip', 'UP');

The code should be added in the current active theme js files.

Please note this is just simple functionality. You should add the CSS code to get the exact style you want.

Below is provided the selector for the Downvote:

.wpf-negative{}

 


Share: