Border radius map

Mpudding · September 2022

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 · September 2022

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

Mpudding · September 2022

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 · September 2022

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

Mpudding · September 2022

Thank you so much, it worked out fine.

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

Phil · September 2022

You can use the media queries.

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

Best regards

Comments