Template 21 issue. Google maps control buttons are not showing the text (Map, Satellite) until hovered over

[StevieBB]

Hi, using template 21 the Google maps control buttons are not showing the text (Map, Satellite) until hovered over.

Switch to any other template and the buttons show as normal.  Any ideas?

 

 

[Marsha]

If you'll send me your url, I'll try to troubleshoot the issue.

Marsha
Genealogy Web Templates
https://genealogywebtemplates.com

[StevieBB]

Sorry for the late reply as been away.

https://watts-eckett.com/index.php

 

Thanks

 

[GOGGS]

For what it's worth - when you hover over the buttons, it highlights them slightly. You essentially have white text on a white background. That is not Google's default scheme, so there are styles/CSS being picked up that are creating the white/white. When I changed the class and color locally on the page, the buttons shifted to a maroon background like your Place tab/menu bar...

 

GOGGS

[StevieBB]

I managed to fix this by adding the following to my templates/template21/css/mytngstyle.css

.gm-style-mtc button{color: #000!important}

 

Thanks

 

[Marsha]

Glad it worked out for you! Nicely done.

Marsha

GWT

[StevieBB]

Thanks...  I found you can also change the background color of the button as well to match the colour scheme which looks nice.