Google maps squared in coloumn

[maik282]

Hey there

I am trying to get my embeded google maps squared so it is not filling the whole coloumn. any idea how to achieve it?

my goal is to have a circled gmaps shwoing on my website

thanks a lot

maik

[ruenel]

Hello Maik,

Thanks for writing in!

Please edit your page and select your Map element. Find the Map > Frame tab.

• The content sizing must be set to “Fixed Height”
• Insert a maximum width
• Set your height.

• Down below, you can set the border and border radius
• And lastly, in the Map > Customize tab, insert this inline element css:

$el {
  overflow: hidden;
}

This will make sure that the iframe will be contained within the circle.

Hope this makes sense.

[maik282]

@ruenel

$el { overflow: hidden; }

thanks a lot it worked. but can i center the map within the coloumn? thanks

[jade]

Hello Maik,

To center the map, go to the Frame option then set the right and left margin to auto:

Hope this helps.

[maik282]

not really as i said it is not centered and i have now this weird srollbar

[lely]

Hi Maik,

I don’t see the weird scrollbar. Also, did you try the previous suggestion to center the map on the column? It should work like this: https://screencast-o-matic.com/watch/cYfifcaIUn

[maik282]

wow thanks - works perfectly. i fixed the scrollbar myself

[ruenel]

You’re welcome Maik!
We’re glad we were able to help you out.