Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 28, 2017 at 11:34 am #844758
    adriencedricchevalier

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

    Hotspot admin

    August 28, 2017 at 9:30 pm #845044
    Nikko

    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

    August 28, 2017 at 10:37 pm #845066
    adriencedricchevalier

    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.

    August 28, 2017 at 11:59 pm #845111
    Jordan Shannon

    Hi,

    You need to change the color on the backend?

    Best regards,
    Jordan Shannon

    August 29, 2017 at 9:45 am #845255
    adriencedricchevalier

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

    August 29, 2017 at 10:53 am #845272
    Sarah

    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

    August 30, 2017 at 12:20 pm #845758
    adriencedricchevalier

    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

    August 30, 2017 at 7:21 pm #845934
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    December 9, 2017 at 2:23 pm #886830
    adriencedricchevalier

    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.

    December 9, 2017 at 3:12 pm #886849
    Mike

    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

    December 9, 2017 at 5:51 pm #886921
    adriencedricchevalier

    Hi Mike,
    you are my hero !!!

    Thank you so much.

    December 9, 2017 at 6:29 pm #886933
    adriencedricchevalier

    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

    December 9, 2017 at 7:13 pm #886947
    Mike

    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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.