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

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

    Hotspot admin

    #845044

    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,
    Nikko

    #845066

    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.

    #845111

    Hi,

    You need to change the color on the backend?

    Best regards,
    Jordan Shannon

    #845255

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

    #845272

    Hi!

    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,
    Sarah

    #845758

    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

    #845934

    Hi,

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

    Best regards,
    Jordan Shannon

    #886830

    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.

    #886849

    Hi,
    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;}
      </style>';
    }
    
    

    Best regards,
    Mike

    #886921

    Hi Mike,
    you are my hero !!!

    Thank you so much.

    #886933

    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,
    Adrien

    #886947

    Hi,
    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,
    Mike

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

You must be logged in to reply to this topic.