Customizing the Event block & page

Site URL: https://www.etwaprowrestling.com/

On my main page I have two summary blocks listing upcoming and past events. I'd like to add the town and state to the location, so it'd be

The Green Mountain Classic

May 7, 2022 - Newport Municipal Building - Newport, VT

I'd also like to add that information on the event page itself:

https://www.etwaprowrestling.com/events

And I'd like to remove the line break between future and past events, and instead have a headline after the future events that says "Past Events" similar to how I have it using a Summary and Text Block (I have both on the events page to show what I'd like it to look like, instead of the line.)

Any help would be greatly appreciated!

🙏 any help would be appreciated 🙏

Hi,

#1. I think you can add it in excerpt. Or what is problem with excerpt?

#2. Add to Design > Custom CSS

/* Past events */
.eventlist.eventlist--past:before {
    content: "Past Events";
    display: block;
    margin-top: 50px;
    font-size: 50px;
}
hr.eventlist-past-upcoming-divider {
    display: none !important;
}

2 hours ago, tuanphan said:

Hi,

#1. I think you can add it in excerpt. Or what is problem with excerpt?

#2. Add to Design > Custom CSS

/* Past events */
.eventlist.eventlist--past:before {
    content: "Past Events";
    display: block;
    margin-top: 50px;
    font-size: 50px;
}
hr.eventlist-past-upcoming-divider {
    display: none !important;
}

 

1. I was hoping to eventually use excerpts for something else on the actual event page, instead of on the block, so I was hoping to be able to just add the town and state to the location display. Does that make sense?

2. Thank you! Is there a way to center that and also use headline 2 style?

5 hours ago, tuanphan said:

Use this new code

.eventlist.eventlist--past:before {
    content: "PAST EVENTS";
    display: block;
    text-align: center;
    white-space: pre-wrap;
    margin-top: 50px;
    font-size: 50px;
    font-family: circe;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0em;
    text-transform: uppercase;
}

 

Thank you so much!