Hide Event Summary Page

I'd like to completely hide the standard event summary list on my events page so I can create the look I want using only summary blocks. I tried hiding the section with a section ID but then when I use a summary block with event filter, the event link are broken and won't go to the individual event pages. 

I used this on my blog to hide the standard blog summary and replaced it with summary blocks, I'd like to do the same thing on events:

<style>

.tweak-blog-item-show-date .blog-item-wrapper .blog-meta-item--date {

    display: none;

}

 time.blog-date {

    display: none !important;

  }

.blog-meta-section  {

    display: none !important;

  }

</style>

Can you share your website URL, page, and site wide password (if applicable)? Thanks!

I think I found the solution:

On the Event Page 

> Click the Gear Icon

> Advanced 

> Page Header Code Injection 

> Paste this code

<style>

.eventlist {

    display: none;

}

 </style>