Border radius map

Mpudding

Hey,

how can I round the corners on this pre-built section? I want to set the radius to 40px on each corner.

Thanks!

Phil

Hi,

Please, try the following CSS code:

.mcb-item-map_basic-inner iframe{
   border-radius: 40px!important;
}

Put it in the custom CSS field in the Page options.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Mpudding

Thanks, it worked for the map!

But I think I explained it poorly, sorry! I wanted to round the corners on the left side of the map and on the right side of the box.

Like that:

Thanks in advance!

Phil

Change the CSS code to this one:

.mcb-item-map_basic-inner iframe{
   border-radius: 40px 0 0 40px!important;
}

and for the box on the right, you can set the border in the Advanced tab:

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Mpudding

Thank you so much, it worked out fine.

Is there some way to change the border radius of the map on mobile?

Phil

You can use the media queries.

https://support.muffingroup.com/how-to/how-to-customize-css-based-on-screen-size/

One CSS for the desktop display, and one for mobile.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next