[Resolved] Maps render shortcode styling

[Author]

Posts

[mariaB-8]

Hi,

Thanks for a great plugin/builder! I have two quick issues:

1. Is there a way to style the Map while using render shortcode? I cant find any argument for "style" and would like to use the "silver" style. If not possible, is there any other way to stylize /customize the map when its rendered from a shortcode?

2. How do I change the look of dropdown in the Custom Search Filter for iOS/safari. The Style Settings are not being applied. Is there any way to go around the default drop down style in Safari/iOS?

Best regards!

[Shane]

Hi Maria,

Thank you for getting in touch.
1. Is there a way to style the Map while using render shortcode? I cant find any argument for "style" and would like to use the "silver" style. If not possible, is there any other way to stylize /customize the map when its rendered from a shortcode?

Unfortunately no this won't be possible to do when using the map [wpv-map-render] shortcode. Only the parameters in the shortcode's documentation below can be used.
https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/#wpv-map-render

The only way to do this otherwise is by going to Toolset->Setting->Map then setting your default map style.

If this is not an option for you then you will need to use the Map block in the Gutenburg editor to change the styling of the map.

2. How do I change the look of dropdown in the Custom Search Filter for iOS/safari. The Style Settings are not being applied. Is there any way to go around the default drop down style in Safari/iOS?

This is being caused by the default styling that is used on iOS, i've read that you will need to disable the default webkit styling for your elements.
Here is an example below that should be able to assist you with this

<style>
select {
-webkit-appearance: none;
} 
</style> 

Please let me know if this helps.
Thanks,
Shane