Need help reformatting event page - is this possible?

Site URL: https://algae-circle-nd59.squarespace.com/

Hello!

I am wanting to reformat my "Schedule" section, and I'm unsure how to do it/if it's even possible. Here is an example of the current section below:

Is it possible to reformat this information so it appears like this example below? Any advice is appreciated thanks! Site password is: 1234

Hi,

How about featured image? Remove it or keep it on left?

46 minutes ago, tuanphan said:

Hi,

How about featured image? Remove it or keep it on left?

I would like to remove it!

On 10/17/2024 at 11:29 AM, khleem said:

I would like to remove it!

You can use this code to Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('.eventlist-event').each(function() {
    var eventitle = $(this).find('h1.eventlist-title');
    var eventmeta = $(this).find('ul.eventlist-meta.event-meta')
   $(eventmeta).appendTo(eventitle);
  });
});
</script>
<style>
  @media screen and (min-width:768px) {
a.eventlist-column-thumbnail.content-fill {
    display: none;
}
  .eventlist-column-info {
    width: 100% !important;
}
    /* title - metadata */
h1.eventlist-title {
    float: left !important;
    width: 40% !important;
    margin-right: 3% !important;
}
    /* excerpt */
    .eventlist-excerpt {
    float: left;
    width:40%;
}
    .eventlist-event {
    border-bottom: 1px solid gray;
}
  }
</style>

Result