Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 17, 2018 at 10:50 am #1034704
    yingyang

    I see there is an option to make the image tooltip transparent dark but none for transparent white or just white

    Can you provide me with the two codes to make those tooltip wither transparent white or plain white?

    this is the look i want to achieve on with a dark image behind

    https://i.imgur.com/dNFl7zu.png

    • This topic was modified 6 years ago by yingyang.
    November 18, 2018 at 3:50 pm #1034852
    yingyang

    Also not sure why but it is missing the inner solid white circle in the pulse spots, so th number doesnt show well on mobile, how can i bring back the inner circle white?

    • This reply was modified 6 years ago by yingyang.
    November 20, 2018 at 4:50 pm #1035675
    Victoria

    Hi kilimats,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-hotspot-blank .av-hotspot-container .av-image-hotspot_inner {
  text-indent: 0 !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 20, 2018 at 5:45 pm #1035707
    yingyang

    I tried in the quick CSS and no luck

    I am using a child theme so that custom css isnt a long term solution isnt it? can i not add it in the child folder?

    November 21, 2018 at 5:23 pm #1036189
    Victoria

    Hi kilimats,

    Best regards,
    Victoria

    November 21, 2018 at 5:31 pm #1036193
    yingyang

    Gotcha, clearing the CLOUDFARE cache work, i still see the tooltip underneath with a black background though, how do i make it white background with black text?

    as pictured

    November 22, 2018 at 3:06 pm #1036538
    Victoria

    Hi kilimats,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#av_section_1.alternate_color .avia-tt,
#av_section_1.alternate_color .avia-tt .avia-arrow,
#av_section_1.alternate_color .avia-tt .avia-arrow {
    background-color: #fff;
    color: #000;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 22, 2018 at 7:06 pm #1036718
    yingyang

    That worked! you rock ! thanks a million !

    November 22, 2018 at 8:05 pm #1036772
    Nikko

    Hi kilimats,

    Glad that Victoria helped you :)
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

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