Rendering issue, misaligned events

Asked by Anonymous
1 years ago.

Hello, I got a weird question. When I ran my DayPilot code in codepen, the display seems fine. However, when I ran the same code on my Wordpress website (as html block in Elementor), the alignments are all off. What could have made this happen? (see the first event that starts in 11:30 being displayed correctly in codepen, but in mywebsite it’s pushed up to 11am. Height is correct but position is incorrect)

websiteview.JPG

codepenview.JPG

Comment posted by Anonymous
1 years ago.

I tried to add some pixels of margin-top in CSS and it worked out at 100% zoom, but it becomes misaligned again if I zoom in/out. Am I going on the right train of thought?

Answer posted by Anonymous
1 years ago.

Saw here and apparently it’s the global CSS border property messing with the table https://forums.daypilot.org/question/4960/why-daypilot-lines-are-not-aligned

This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.