Can someone help me center my iframe map?

[tommy6030]

Hi all!

Currently on DAWN theme and I added a Google map embed into a custom html content block, but don’t know how to get it centered. Any help would be appreciated!

[suyash1]

@tommy6030 in that custom css section you can add following css and check

iframe{text-align:center; justify-content:center;}

[tommy6030]

That didn’t work unfortunately

[tim_1]

Rather try this – put it into section “Custom CSS” setting:

iframe {
 margin: 0 auto;
 display: block;
}

Or alternatively:

div:has(>iframe) {
  text-align: center;
}

[tommy6030]

That didn’t work either. Darn it!

[suyash1]

@tommy6030 can you please share this page link?

[tim_1]

I’ve amended the code above – it should work now.

[tommy6030]

That worked! Thanks a million