Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #844758

    Incredible theme ;)
    How to modify the color of hotspots in the administrator ?
    I would like to have them black.
    Thank you.

    Hotspot admin


    Hey adriencedricchevalier,

    Edit the Image with hotspots then click on one of the hotspots and you should see a new window pop-up, click on Hotspot Colors tab and modify the background color, font color and pulse color. Hope this helps :)

    Best regards,


    Hi Nikko !
    Thank you for your speed,
    I maybe badly explained, but I want to change the color of hotspots in the administration. See the image !
    In white, they are not visible.



    You need to change the color on the backend?

    Best regards,
    Jordan Shannon


    Hi Jordan,
    Yes, i need to change the color of hotspots on the backend if it’s possible !



    If you would like to change the color of the hotspots using wp-admin, please try adding this code to the Quick CSS section under Enfold > General Styling:

    .av-hotspot-container .av-image-hotspot_inner { background: black !important; color: gray !important; }

    Please replace black and gray with your preferred colors.

    Is this what you needed to do? Please let us know so that we can properly assist you.

    Best regards,


    Hi Sarah !
    Sorry but it’s not what I want. What interests me i’is the backend
    The hotspots is white. I want them black.
    Thank you



    Please provide admin info so we can log in and help you with this further.

    Best regards,
    Jordan Shannon


    hi, I come back to my question because I have no answer.
    Please, look at the picture at the beginning of the topic !!!

    In enfold, the hotspot is white ! On hover, is blue…
    how can I change that ? I want them blue without hovering.

    Thank you.


    If I understand correctly you want the hotspots to be blue in the backend for only you, not in the front end where visitors will see it. In that case, Try adding this code to the end of your functions.php file in Appearance > Editor:

    add_action('admin_head', 'custom_hotspot');
    function custom_hotspot() {
      echo '<style>
        #wpwrap .av-image-hotspot_inner {background: blue!important;}

    Best regards,


    Hi Mike,
    you are my hero !!!

    Thank you so much.


    Another question, maybe I should create a new topic !
    About hotspots, I still want to show a tooltip on mobile phones under the image.
    It’s possible one by one ? for example by clicking on the desired hotspot.

    Best regards,


    The image hotspot is different on mobile device because of the following reasons:

    1.) Mobile devices don’t support hover state so it’s not going to work as it should.
    2.) There is not enough space to accommodate the tool tip especially when you use long text.
    3.) There no on click script currently availability.
    Forcing it to display on mobile devices will either break the shortcode or it will just look crappy. You can try this in the Quick CSS field

    @media only screen and (max-width: 767px) {
    .responsive .av-mobile-fallback-active.avia-tooltip {
        visibility: visible!important; 
    .av-hotspot-fallback-tooltip { display: none !important; }

    Best regards,

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.