Calendly adjustment of max-width not working as expected

[Thommynat0r]

I have added a raw Content section to display my calendly with a iframe (source of the method):

raw content code:

<div style="align-items: center; 
justify-content: center; display: flex;">
<iframe src="https://calendly.com/enjoybim/terminbuchen?hide_event_type_details=1" width="100%" height="650" scrolling="no" frameborder="0"></iframe>
</div>
<style>
._3hjJko1dg- {
  max-width: 600px !important;
}
</style>

I have tried to add css the standard way and also the style code shown above to increase the max-width to 600px. But it doesn’t work

If you go to https://www.enjoybim.de/onlineberatung/ and select an date and a timeslot you can inspect the problem by yourself.

Is there a way to increase the max-width of the adress detail section?

Thank you!

[prakash_s]

Hello Thomas,

Thanks for writing to us.

I checked your given page URL, it seems that the selector that you are selecting (HTML Markup) is coming from the IFRAME. Please note that it is not possible the style the IFRAME markup through CSS. It would require custom JS coding. I would suggest you contact a developer who can assist you with your concern. Please note that we don’t provide custom development support. It is out of the support scope.

In case if you have an idea about JavaScript coding please have a look at this article for reference.

Using CSS to affect div style inside iframe

How to Apply CSS to iFrame | Red Stapler

Thanks for understanding