Title: CSS Border Radius Circle
Last modified: August 22, 2016

---

# CSS Border Radius Circle

 *  [danweller](https://wordpress.org/support/users/danweller/)
 * (@danweller)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/css-border-radius-circle/)
 * I am trying to use border-radius to shape the map into a circle. Everything displays
   as a circle fine, except in safari and I cannot figure out why.
 * Maps Marker version 3.9
 * the site url is [ and you can find the circle by clicking contact on the menu.](http://pinespoint.betterbusiness.solutions/)
 * [https://wordpress.org/plugins/leaflet-maps-marker/](https://wordpress.org/plugins/leaflet-maps-marker/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Robert Seyfriedsberger](https://wordpress.org/support/users/harmr/)
 * (@harmr)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/css-border-radius-circle/#post-5169027)
 * safari seems to need some special properties, search Google for “border-radius
   safari” which will get you results like [http://stackoverflow.com/questions/9209184/webkit-border-radius10px-is-not-working-in-safari](http://stackoverflow.com/questions/9209184/webkit-border-radius10px-is-not-working-in-safari)
   
   best, Robert
 * PS: if you like using my plugin, I’d appreciate your review at [http://wordpress.org/support/view/plugin-reviews/leaflet-maps-marker](http://wordpress.org/support/view/plugin-reviews/leaflet-maps-marker)
 *  Thread Starter [danweller](https://wordpress.org/support/users/danweller/)
 * (@danweller)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/css-border-radius-circle/#post-5169077)
 * unfortunately adding
 *     ```
       -webkit-border-radius: 500px;
       -webkit-border-top-left-radius: 500px;
       -webkit-border-top-right-radius: 500px;
       -webkit-border-bottom-left-radius: 500px;
       -webkit-border-bottom-right-radius: 500px;
       ```
   
 * did not work.
 *  Plugin Author [Robert Seyfriedsberger](https://wordpress.org/support/users/harmr/)
 * (@harmr)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/css-border-radius-circle/#post-5169081)
 * I am no Safari expert – I would suggest trying other Google search results based
   on the keywords “border-radius safari”

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Border Radius Circle’ is closed to new replies.

 * ![](https://ps.w.org/leaflet-maps-marker/assets/icon.svg?rev=970936)
 * [Leaflet Maps Marker (Google Maps, OpenStreetMap, Bing Maps)](https://wordpress.org/plugins/leaflet-maps-marker/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/leaflet-maps-marker/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/leaflet-maps-marker/)
 * [Active Topics](https://wordpress.org/support/plugin/leaflet-maps-marker/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/leaflet-maps-marker/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/leaflet-maps-marker/reviews/)

## Tags

 * [border](https://wordpress.org/support/topic-tag/border/)
 * [border-radius](https://wordpress.org/support/topic-tag/border-radius/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Safari](https://wordpress.org/support/topic-tag/safari/)

 * 3 replies
 * 2 participants
 * Last reply from: [Robert Seyfriedsberger](https://wordpress.org/support/users/harmr/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/css-border-radius-circle/#post-5169081)
 * Status: not resolved