Pulsating Hotspots

TechedOn
(@techedon)

8 years, 6 months ago

Love the plugin! Thank you for creating it.

Has anyone any idea how the dev got the hotspot markers to pulse like his demo found here: http://demo.devvn.com/plugins/image-hospot-car/

Any help would be great – thank you

T

The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Author Le Van Toan
(@levantoan)

8 years, 6 months ago

Have a setting “Pins Animation” choose “pulse” to animation.

https://photos.app.goo.gl/0PKX23CgKJrgkW7o1

Thread Starter TechedOn
(@techedon)

8 years, 6 months ago

Thank you 🙂

Is there a way to change the color of the tooltip box background from black to white?

Plugin Author Le Van Toan
(@levantoan)

8 years, 6 months ago

Read here https://ww.wp.xz.cn/support/topic/i-want-to-change-the-background/#post-8864708

Thread Starter TechedOn
(@techedon)

8 years, 6 months ago

Thank you for the quick reply. I placed that code in my theme custom css option and it still didn’t work.

Here is the code and how it looks: https://imgur.com/a/1rbAf

The background is still black.

Any help would be great.

thank you

Thread Starter TechedOn
(@techedon)

8 years, 6 months ago

Hi there 🙂 Did you see my above question? Any help would be great.

thank you
Plugin Author Le Van Toan
(@levantoan)

8 years, 6 months ago
hello @techedon
You try add body to element. Like this
```
body #powerTip {
    background-color: #fff;
}
body #powerTip.n:before {
    border-top: 10px solid rgb(255, 252, 252);
}
body #powerTip.s:before {
    border-bottom: 10px solid #fff;
}
body #powerTip.e:before {
    border-right: 10px solid #fff;
}
body #powerTip.w:before {
    border-left: 10px solid #fff;
    right: -10px
}
body #powerTip.ne:before,body #powerTip.nw:before {
    border-top: 10px solid #fff;
    border-top: 10px solid rgba(255,255,255,1);
}
body #powerTip.se:before,body #powerTip.sw:before {
    border-bottom: 10px solid #fff;
    border-bottom: 10px solid rgba(255,255,255,1);
}
body #powerTip.nw-alt:before,body #powerTip.ne-alt:before,body #powerTip.sw-alt:before,body #powerTip.se-alt:before {
    border-top: 10px solid #fff;
    border-top: 10px solid rgba(255,255,255,1);
}
body #powerTip.sw-alt:before,body #powerTip.se-alt:before {
    border-bottom: 10px solid #fff;
    border-bottom: 10px solid rgba(255,255,255,1);
}
body .box_view_html {
    color: #000;
}
```
- This reply was modified 8 years, 6 months ago by Le Van Toan.
zontiWP
(@zontiwp)

8 years, 3 months ago

Hi, your plugin is very good and CSS change of background color is working. Just what is wrong, is the close button on mobile device, which is white. Can you please tell me, how to change its color, e.g. upload other icon or etc. Thank you!
Plugin Author Le Van Toan
(@levantoan)

8 years, 3 months ago
@zontiwp Try this css
```
body span.close_ihp svg {
    fill: #000;
}
```
zontiWP
(@zontiwp)

8 years, 3 months ago

@levantoan THANK YOU!!!!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Pulsating Hotspots’ is closed to new replies.

Tags