Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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.    

events image for help.jpg

Share this post

Link to post

Q1. Add to Home > Design > Custom CSS

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


.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>
$(document).ready(function() {


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post

Link to post

Create an account or sign in to comment

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

  • Create New...