Jump to content

Format Individual Events Page

Recommended Posts

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.1544437679_eventsimageforhelp.thumb.jpg.82329c3017fe90992f4e1dee3a468031.jpg
Link to comment

 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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 weeks later...

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

Link to comment

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.

Link to comment
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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.