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

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

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;
}

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>

 


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...