Jump to content

HIDE back to all events and event date

Go to solution Solved by katycarlisle,

Recommended Posts

  • Solution
Posted

Add this to your custom CSS:

/* Hide "Back to all events" and event overview */

.eventitem-column-meta, .eventitem-backlink {
    display: none;
  }


/* Adjust event padding on desktop */

@media screen and (min-width: 768px) {
.eventitem-column-content {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}

The second part is optional but will improve readability once the event overview isn't displaying any more. Adjust the left and right padding numbers as needed!

If you want to increase the spacing above the text you can do this by changing the height via the Edit Section option (available when editing the event details). 

Oh hey! I'm Katy Carlisle, a web designer and trainer who goes by the name SQSP Queen. My pronouns are she/her and I'm based on Vancouver Island in BC 🍁 I've been using Squarespace since 2013, and work mainly with non-profits or freelancers on projects that do good. I love answering questions about Squarespace and don't expect anything in return, but if you do want to say thanks, feel free to buy me a coffee 

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.