-
Posts
-
For the contact page on the new website I’m building I have the fontello icons next to an address in the Google Maps marker tooltip. I want to change the color, but can’t figure out how.
Thanks for helping me out.it would be much easier to help you with a link.
How did you place the fontello icon in that google map?Understandable, but I’ve put in a private link. The sit is far from ready… http://succes.studioserton.nl/contact/
yes i understand that but otherwise you have to wait til a mod is on your thread:
i don’t understand how you create this bubble info – because there are some color style informations on each and an opacity set.
you can change it all by :#av_gmap_1 .av_font_icon { color: #900 !important; opacity: 1 !important; }but i guess it is the opacity info which you want to get rid off – so only change that part of code
if you want a specific color for each tell us.
if you want it a bit bigger those icons:
#av_gmap_1 .av-icon-char::before { font-size: 24px; position: relative; top: 2px; }edit: or better place the icons with vertical align:
#av_gmap_1 .av-icon-char::before { font-size: 24px; position: relative; vertical-align: middle; }and you see that there is no alignment now because icons are different width – give the container a fix width:
#av_gmap_1 .av_font_icon { color: #9c27b0 !important; opacity: 1 !important; width: 36px !important; }thats it
- You must be logged in to reply to this topic.