Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

wpForo 1.x.x [Closed] Add tooltip in up and down vote

2 Posts
2 Users
1 Reactions
1,333 Views
xfok
Posts: 86
 xfok
Topic starter
(@xfok)
Estimable Member
Joined: 6 years ago

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

1 Reply
Alvina
Posts: 1861
Moderator
(@alvina)
Member
Joined: 6 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{}