Adjust the animatio...
 
Share:
Notifications
Clear all

[Solved] Adjust the animation for "Leave a Feedback" button in article content

5 Posts
2 Users
0 Likes
534 Views
Posts: 10
Topic starter
(@allan)
Active Member
Joined: 4 years ago

Hello,

I am experimenting with inline commenting and have set the animation for "Leave a Feedback" button to "Animate"

In my browser (Chrome) the animation consists of a single blink. Is it possible to change this to, say, blink 3 times instead of once? I find that the single blink is not very eye-catching to me and I would like to make it more noticeable. 

Can this be changed at all? I don't mind editing code if someone could point me in the right direction.

Thanks!

Allan

 

Capture
4 Replies
Alina
Posts: 71
Moderator
(@alina)
Member
Joined: 4 years ago

Hi @allan,

Please try the following CSS code:

.wpd-inline-icon.wpd-blink {
animation: wpdBlink 3s 3;
}

 The CSS code should be added in the Dashboard > Comments > wpDiscuz > Settings > Styles and Colors admin page " Custom CSS Code" textarea.

Posts: 10
Topic starter
(@allan)
Active Member
Joined: 4 years ago

Thank you @alina

I tried this code but it does not make the icon blink 3 times, but it appears to make the single blink last about 3 seconds. 

Do you have any further suggestions?

 

Thank you for your help!

Allan

2 Replies
Alina
Moderator
(@alina)
Joined: 4 years ago

Member
Posts: 71

@allan,

Please try the following one:

.wpd-inline-icon.wpd-blink {
animation: wpdBlink 1s 3;
}

In any case please don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

(@allan)
Joined: 4 years ago

Active Member
Posts: 10

@alina

That did the trick, thank you very much!

Share: