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.    

events image for help.jpg

Link to comment
  • Replies 1
  • Views 524
  • Created
  • Last Reply

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

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