Okay
  Public Ticket #2734978
Image hot spot
Closed

Comments

  •  7
    Debbie started the conversation

    Hello, we have loads of tiles in our portfolio which I've used image hot spots to label. The client has asked if we can get rid of the orange dot an only show the text once we hover over the tile. I know there's another option for a number to show but is there anyway we can ask it not to show the dot or a number?

  •  2,721
    Andrew replied

    Hi Debbie,

    Thanks for keeping in touch.

    Please try this css:

    .nectar_image_with_hotspots[data-hotspot-icon="plus_sign"] .nectar_hotspot span {
        display: none;
    } .nectar_image_with_hotspots[data-stlye="color_pulse"] .nectar_hotspot {
        display: none;
    } .nectar_image_with_hotspots .nttip.open {
        opacity: 1 !important;
    }

    Thanks.


  •  7
    Debbie replied

    Hi Andrew, thanks so much for this but they still want to see the text which tells the user the colour of the tile. It was just the icon they wanted rid of?

  •  2,721
    Andrew replied

    Hi Debbie,

    Please add this css:

    .nectar_hotspot {
        display: none !important;
    }
    .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip {
        opacity: 1;
    }

    Thanks.

  •  7
    Debbie replied

    Hi Andrew, thank you for that, sorry to be a pain but is there a way that the text would only show on hover, you can see now that the page is starting to look really busy with the labels displayed always. 

  •  2,721
    Andrew replied

    Hi Debbie,

    The texts can only show on hover when there is an open hotspot to trigger them to open.

    Thanks.

  •  7
    Debbie replied

    No problem, thank you for your help.