Notifications
Clear all

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

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

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

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