Controls icons not visible on map

Hello there! Thanks for the message.

I think there may be a couple issues here. One, with Fullscreen not working, that’s a problem — it doesn’t appear at all for you? Can you confirm that Fullscreen does nothing in the backend?

I can see the issue with the navigation buttons not working. This is because your theme has a style that is overriding the style on the buttons:

.button:not(.components-button):not(.customize-partial-edit-shortcut-button), button:not(.components-button):not(.customize-partial-edit-shortcut-button), input[type=button]:not(.components-button):not(.customize-partial-edit-shortcut-button), input[type=reset]:not(.components-button):not(.customize-partial-edit-shortcut-button), input[type=submit]:not(.components-button):not(.customize-partial-edit-shortcut-button) {

   padding: 0 1.3em;

}

If you are able to override this, that’ll fix it. Otherwise, I can try to add more specific styles to force overriding, but pesky themes with specific styles like this can sometimes still overwrite.

The other two controls — Geocoder and Directions — I believe you are using MapLibre, without a Mapbox Access Token, and those controls you mentioned require a Mapbox Access Token to use.

Hello,

thank you for your answer.

I do not understand what you mean with Fullscreen mode? Shall I turn on or turn it off? What do you mean taking about “nothing in the backend”?

If it is not a problem for you, please add more specific styles for buttons – I am affraid that each update of the theme will override all my changes :-(.

The Geocoder and Directions settings requiring Mapbox Access Token I am aware of, but thank you for information.

Best regards,
ZiemoT

Hello again! You mentioned in your original post that the fullscreen control wasn’t working. I’m trying to get a sense of how you’ve tested it, as it works on our own tests. Perhaps you can describe what you did to test this and how you knew it wasn’t working?

I will look to add the increased styling in a next update, probably in the next couple of days.

Hello,

I think that there is some misunderstanding :-). I do not touch the option of fullscreen. I am not using it at all.

I provided you my setup of maps that I am going to use for my all pages and there is that the “Fullscreen control – enable: no”. This is what I set up. If it is wrong – please give me the info.

For now the fact is, that with the setup “Fullscreen control – enable: no”, the all control icons (besides 3D and the scale) are not visible.

I did some tests with Fullscreen control – enable: yes, and also for this icon, there is only white space visible without proper icon.

Probably, as you mentioned, the issue is with theme CSS overriding the setup of your plugin.

Best regards,
ZiemoT

Hey there Ziemo, glad to hear the fullscreen is not broken ??

In the latest update (0.5.5), you’ll see that the styles are tighter now on the control buttons. I think they should show up properly in your theme now. Give it a try!