Jump to content

Customizing the Events Page in Squarespace 7.1

Recommended Posts

I've been working on a website and am trying to redesign the events page. Currently, I have it set up into 3 4 columns. I'd like to have the image, name, date, time and a button to view the event.

I'd love to be able to change the color of any button that shows upon the events page. Help is appreciated.

My current css looks like:
/* event columns */
@media screen and (min-width:50px) {
.eventlist.eventlist--upcoming {
    display: grid;
  column-gap: 25px;
  row-gap: 25px;
    grid-template-columns: repeat(4,3fr);
.eventlist.eventlist--upcoming img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
.eventlist-column-thumbnail {
    background-color: transparent;
    width: 100% !important;
    padding-bottom: 100% !important;
.eventlist-event {
    flex-direction: column;
    justify-content: center;
    margin-top: 0 !important;
.eventlist-column-info {
    width: 100% !important;
    margin: 10px !important;

Link to comment
  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.