Map Box Address Color Change
Hi there,
On my Contact page I'm displaying a map with the Box Address, Box Telephone and Box Email. My theme makes this Box area yellow which I've now changed to dark grey with no issue using Custom CSS. The little triangle that appears on the lower left of this box however I have not been able to change yet so it still appears as yellow. I'd like this to match the rest of the box and be dark grey. Inspecting this section in Chrome shows this:
.column_map .google-map-contact-wrapper .get_in_touch:after {
border-top-color: #ffccoo;
}
So I changed the #ffccoo yellow to #444444 dark grey and it changes in Chrome's inspection mode but when the same is applied to my Custom CSS nothing happens. I've also tried adding !important, like this to my Custom CSS:
.column_map .google-map-contact-wrapper .get_in_touch:after {
border-top-color: #444444 !important;
}
How do I change the color of the little triangle that appears on the bottom left of the address box?
Any help with this would be great appreciated. Thanks,
T
Comments
this triangle color could be changed with the following css:
.column_map .google-map-contact-wrapper .get_in_touch::after { border-top-color: #000 !important; }