Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 21, 2017 at 11:47 am #749874
    aeon1969

    I’m new to wordpress and love the enfold theme.
    My question is: would it be possible to reduce the size of the hotspots in the image with hotspopts template?
    I would like to have an image of the night sky with each star being a hotspot, as you roll over it a persons name appears.
    I would envisage the hotspot would have to be reduced to around 10th of its origional size. Is this possible?

    Thank you.

    February 22, 2017 at 7:11 am #750275
    Rikard

    Hey aeon1969,

    I’m not sure if that would be possible, do you have a page where you are working on this so that we can have a closer look maybe?

    Best regards,
    Rikard

    February 22, 2017 at 1:09 pm #750459
    aeon1969

    Thanks for the reply Rikard,

    Unfortunatly i dont have the site online im running it locally using wamp server, maybe once i put it online you could have a look. But in principle you dont think it possible to reduce the hotspot animation size?

    Thanks again.

    February 27, 2017 at 3:16 pm #752295
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (min-width: 990px) {
.responsive .av-image-hotspot-pulse {
    height: 30px;
    width: 30px;
    top: -5px;
    left: -5px;
}}

    You may need to adjust the values

    Best regards,
    Yigit

    March 1, 2017 at 11:39 am #753608
    aeon1969

    Thanks Yigit,

    This works great for the pulse but the body of the hotspot remains the same, i have tried making the body colour clear to see if this would make the body transparent but it didnt work. Do you think you could do anything about this?

    http://tinypic.com/r/11w80pf/9
    this is the body of the hotspot, youi can see the pulse to the top left of the body.

    Thanks.

    March 1, 2017 at 11:47 am #753614
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (min-width: 990px) {
.responsive .av-image-hotspot {
    height: 15px;
    width: 15px;
    line-height: 15px;
}}

    Regards,
    Yigit

    March 1, 2017 at 11:57 am #753619
    aeon1969

    Perfect, works great, thank you sir.

    March 1, 2017 at 12:13 pm #753631
    Yigit

    Hey!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hotspots’ is closed to new replies.