Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 1, 2018 at 10:42 pm #906498
    hylandgraphics

    Hello,

    I’ve run into a situation where I need 8 columns in one row and since we are limited to 5 in Avia I found a work around but using the hotspots tool. I just need them to be transparent so you can see that you are hovering over it by the change of your mouse but there is no “real” hotspot there. Does that make sense? I went to customize the color hoping to make all transparent but the option was not there. Please let me know if this is possible. Thanks!

    February 2, 2018 at 4:23 am #906594
    Mike

    Hey hylandgraphics,
    Try this code in the General Styling > Quick CSS field:

    .custom-hotspot .av-image-hotspot-pulse {
    background: transparent!important; 
}

    Best regards,
    Mike

    February 2, 2018 at 5:31 pm #906918
    hylandgraphics

    Thank you!

    February 2, 2018 at 5:48 pm #906927
    hylandgraphics

    I just gave this a shot and it did not seem to work? I can still see the pulsing hotspot?

    February 2, 2018 at 6:40 pm #906952
    Mike

    Hi,
    Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    February 2, 2018 at 11:26 pm #907083
    hylandgraphics

    Here you go! You can see the area on the main page, for instance, there is a bar under the image slider with different industries which is where I would like them to go. I’ve added one to the first industry so you can see. Thanks for your help….

    February 3, 2018 at 2:39 pm #907220
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #top.home #av_section_1 .av-hotspot-container .av-image-hotspot_inner,#top.home #av_section_1 .av-image-hotspot-pulse {
    background: transparent!important; 
}

    Best regards,
    Mike

    February 6, 2018 at 9:52 pm #908830
    hylandgraphics

    Ok, so I need to use this same image from the home page on multiple pages. I’ve attached a link to one of the other pages I need to use it on. Is there a way to make the hotspots transparent site wide? Please let me know. Thanks!

    February 7, 2018 at 3:42 am #908883
    Mike

    Hi,
    Please try this instead,

    .av-hotspot-container .av-image-hotspot_inner,.av-image-hotspot-pulse {
    background: transparent!important; 
}

    Best regards,
    Mike

    February 7, 2018 at 6:13 pm #909331
    hylandgraphics

    That seems to do it! I’ll let you know if the problem persists. Appreciate your response….

    February 7, 2018 at 11:59 pm #909465
    Mike

    Hi,
    Glad we were able to help, If you find any issues please let us know in a new thread. We will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Can I mak the hotspots transparent?’ is closed to new replies.