Is there a way to change background color (or opacity) of the infobox?
-
My question stands with and without mouse-hover, because the (lack of) opacity of my theme makes my infobox quite awkward:
Thanks. -
@goldnoway Try this:
for the lock color:.addressfield-siteinfo { fill: your-color; }
and this for the background:
.addressfield-siteinfo { background-color: your-color; }
-
Embrace the future! See the above steps and set fill to be the foreground colour, background colour to be dark red, and get rid of the "green" altogether.
-
@burbuja Thanks! Unfortunately, that doesn't seem to do the trick
-
@goldnoway Paste here your setup, I will try it.
-
@goldnoway Add
.siteinfo-symbol
-
Thanks to both of you
@burbuja Thanks to @potmeklecbohdan it's working, but here is my actual setup:button.button-addressfield.addressfield-siteinfo { top: -1px; left: -1px; height: 22px; } .addressfield, .searchfield { background-color: rgba(0,0,0,0.2); color: rgba(255,255,255, 1); border: transparent; } .addressfield-siteinfo, .siteinfo-symbol { fill: rgb(255,255,255); background-color: rgba(0,0,0,0.3); } .siteinfo-symbol:hover + .siteinfo-text { display: block; } .siteinfo-text { display: none; background-color: rgba(0,0,0,0.2); color: white; padding: 5px; }
-