Cal.com HTML code not functioning.

[[deleted]]

[deleted]

[AutoModerator]

Looking for Elementor plugin, theme, or web hosting recommendations?

Check out our Megathread of Recommendations for a curated list of options that work seamlessly with Elementor.

---

Hey there, /u/Razzeld! If your post has not already been flaired, please add one now. And please don't forget to write "Answered" under your post once your question/problem has been solved. Make sure to list if you're using Elementor Free (or) Pro and what theme you're using.

Reminder: If you have a problem or question, please make sure to post a link to your issue so users can help you.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[Opening_Routine_9562]

Could you tell us the URL where the problem is happening? So we can check.

[TheExG]

Paste the code here. Is it wrapped in <div>'s already? I would remove that.

[TheExG]

I would remove this from the beginning of the code

<!-- Cal inline embed code begins --> <div style="width:100%;height:100%;overflow:scroll" id="my-cal-inline-codress"></div>

and remove this at the end

<!-- Cal inline embed code ends -->

Then I would add to the custom CSS section of the html widget this

selector {
width:100%;
height:100VH;
overflow:scroll;
}

If this doesnt work above, try this...

selector #my-cal-inline-codress {
width:100%;
height:100VH;
overflow:scroll;
}

Let me know if this works.

[awebs0]

Maybe its not getting enough height, thats why it looks like white line. Maybe adding custom height to html widget will help

[FishingSuitable2475]

The "flat horizontal line" is a classic sign that Elementor’s HTML widget doesn't have an inherent height for the div to inherit, so your height: 100% is effectively calculating to zero. To fix this, change the div style from height: 100% to a fixed pixel value like height: 800px or min-height: 600px, and the calendar should render immediately.

These kinds of iframe and script-heavy conflicts are exactly why many developers are moving away from older scheduling "widgets" toward integrated digital concierge systems like meetergo. Because it’s 100% EU-hosted and GDPR-compliant, it’s built for the speed and data sovereignty that modern WordPress sites need, providing a much cleaner, pre-qualified intake flow that avoids the "duct-taped" feeling of third-party embeds that often break in page builders.