I am using the shortcode to add my conference schedule in my page template, but the
grid-template-rowsCSS attribute on the main schedule div is not being generated correctly.
In your example on your website the
grid-template-rowsattribute is filled with the specific rows, based on the timestamp of the session, and then each row is assigned to their grid area using those timestamps. Your demo grid has this value:
grid-template-row: [tracks] auto[time-1554706800] 1fr[time-1554708600] 1fr[time-1554710400] 1fr[time-1554724800] 1fr[time-1554726000] 1fr[time-1554727200] 1fr[time-1554732000] 1fr[time-1554735600] 1fr[time-1554742800] 1fr
However, in my website the value is simply this:
grid-template-rows: [tracks] auto;which makes every single row of the schedule stack on top of each other in the first row.
This is the shortcode I am using:
[wpcs_schedule date="2021-04-13" layout="grid" color_scheme="light"]
- The topic ‘CSS Grid row classes not being generated properly’ is closed to new replies.