How do I get rid of the vertical space between events shown on the grid view of my site’s calendar display. This also happens in the list view (Events Calendar – Early Ford V8 Club). (There also appears to be other display problems with list view that I don’t know how to fix!

I have tried everything suggested that I could find on the internet but to no avail.

Thank you for any assistance you can provide.

–Dean

The page I need help with: [log in to see the link]

You have an inline style in your custom CSS that’s setting the header element to a height of 150px:

/*Adjust the Header Block height.*/
header {
    height: 150px;
}

It looks like it’s intended to target a specific block, but it’s too broadly scoped, and is impacting *all* header elements. You’ll probably want to scope that more narrowly to what it’s expected to target.

You’ve also added a custom CSS for calendar articles:

/*Set my calendar header height*/
.mc-main article{
	height: 50px;
}

You probably will be able to remove that once you’ve refined the first block of CSS. It’s also impacting your event single view.