Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 7, 2014 at 6:19 am #300963
    twdlewis

    Hello, how can I change the default properties for hotpots?

    August 7, 2014 at 12:49 pm #301079
    Yigit

    Hi twdlewis!

    Please go to Enfold/config-templatebuilder/avia-shortcodes folder and open image_hotspots.php file and change default values as needed

    Regards,
    Yigit

    October 19, 2014 at 9:16 am #337911
    Marie

    Hey Yigit!
    Same request.
    1. Changing “image_hotspot.php” file
    I’ve opened the “image_hotspot.php” file but I would need more precisions -> where specifically should I replace #ffffff by my color. Also can I copy this php file in my child folder rather than change the original one? If so is it better to let the entire code of this file (with my custom color changes), or to only put code lines concerning my custom color?
    2. Custom class css ?
    Rather than changing php file, is there not an easier way and could I rather make a custom class? That would allow me to use both a custom color and the white default color if needed…(depending on the image). If so -> could you help me with the code I should put in my child css file?
    Thanks for your help!

    Kind regards,
    Marie

    October 21, 2014 at 3:40 pm #339030
    Yigit

    Hey!

    You can add following code to Quick CSS to change dafault colors

    .av-hotspot-container .av-image-hotspot_inner { background: red; color: orange; }

    Cheers!
    Yigit

    October 21, 2014 at 5:40 pm #339139
    Marie

    Hey Yigit!
    I’ve created a custom class (I need to have the white hotspot available) but it doesn’t seem to work…
    Anyway, I was wondering also about the color of the number… if the backgound color of the hotspot is dark, what can I add to have the numbers in white ? Here’s the code I added at this stage.
    Thank you for your help!
    Regards,
    Marie

    /* Hotspot custom color */
mc.green-hotspot .av-hotspot-container .av-image-hotspot_inner { background: #00c472; color: #3cd52e; }
    October 21, 2014 at 5:43 pm #339145
    Marie
    This reply has been marked as private.
    October 27, 2014 at 1:42 pm #341464
    Yigit

    Hey Marie!

    Can you please post the password of the page as well? :)

    Cheers!
    Yigit

    October 27, 2014 at 2:39 pm #341496
    Marie

    Ooops sorry I’ve been doing tests for “private pages” lately and forgot to change the setting… it’s “public” now :))
    Thank you Yigit!
    Cheers!
    Marie

    October 27, 2014 at 2:42 pm #341500
    Yigit

    Hey!

    You can use following code to change the color of numbers in hotspot element

    .av-image-hotspot_inner {
color: red!important;
}

    Regards,
    Yigit

    October 27, 2014 at 4:01 pm #341559
    Marie

    OK Yigit thank you for your help but still it remained a little confusing… and + I just saw that my class was not correctly “written”…
    And there is also the “pulse” color id to adjust…

    So now here is the code I put (with my custom class), and now it works. Here it is below in case it can help someone else.
    Thank you!
    Cheers!
    Marie

    For a green hotspot with white number ->

    /* Hotspot custom color */
.mc-green-hotspot .av-hotspot-container .av-image-hotspot_inner { background: #00c472; color: #ffffff; }
.mc-green-hotspot .av-hotspot-container .av-image-hotspot-pulse { background: #3cd52e; }
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘hotspot – how change default color etc’ is closed to new replies.