Format Individual Events Page

Site URL: https://www.mnpedcares.com/events

Hi There,

When you click on an event in the events page (www.mnpedcares.com/events), either from the left sidebar or from the calendar, it takes you to another page with individual information about the event. How do I change the formatting of this page? I would like to accomplish the following tasks:

• remove the links to other events at the bottom
• change the width of the content to match the rest of the site
• alter the "Back to all Events" link on the top left.    

Q1. Add to Home > Design > Custom CSS

.item-pagination[data-collection-type^="events"], .item-pagination[data-collection-type^="events"] {
    display: none;
}

Q2

.collection-type-events-stacked.view-item main#page {
    padding-left: 10vw;
    padding-right: 10vw;
}

Q3. Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$("a.eventitem-backlink").attr('href','https://beaverhero.com');
});
</script>