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>

Tuanphan,

This was extremely helpful. All of these solutions worked like a charm. You helped solve a major problem with our website and I am very grateful. Saved me hours of work. Thank you so much!

Lisa

Hi, I'm having issues with my events page too in 7.1.

I was wondering if anyone knows how i can change my logo on all Events sub pages.  

So when the user clicks on an event from the events page the logo is a different colour.

I have managed to do this with blog posts by using code in the blog items header but this isn't an option with events pages.

Many thanks.

On 7/10/2020 at 6:15 PM, neilfossett said:

Hi, I'm having issues with my events page too in 7.1.

I was wondering if anyone knows how i can change my logo on all Events sub pages.  

So when the user clicks on an event from the events page the logo is a different colour.

I have managed to do this with blog posts by using code in the blog items header but this isn't an option with events pages.

Many thanks.

Can you share link to event page? We can check easier.