Jump to content

Hide the View Event button on upcoming events

Go to solution Solved by paul2009,

Recommended Posts

  • Solution
29 minutes ago, AlfonsD said:

How can I remove the red "View Event" button on the above web page for some of the events?

You can hide it for all events by adding this to Design > Custom CSS:

/* Hide 'View Event' button */
a.eventlist-button.sqs-editable-button.sqs-button-element--primary {
  display: none;
}

If you only want to hide the button for some of the events, you'll need to specify the URL of each event. For example, to hide the button for the first event on the list, you could use:

/* Hide button on 27 January 2023 event */
a[href="/sachi-ne/sd4acce77nqtbn7fd6fplambiot1kp"].eventlist-button.sqs-editable-button.sqs-button-element--primary {
    display: none;
}

 

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
  • 5 months later...
  • 5 months later...
4 minutes ago, tangoasg said:

I tried dropping the code into Custom CSS, but the button is still there.

Did you update the code to match your URL? If yes, please provide us with a link to the events so we can take a look.

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment

Hi friends... Would love to chime in here and get some help....

 

I'm having the same problem and it makes no sense. When I create a new event, it asks me to put the event description in and then on the "up coming events page" once complete it has the event description with the "View Event" button at the bottom which just takes you to the same page...

I either need to delete that button for all events as it's a double up or figure out a way where the description on the events page is just a short teaser and the button takes you to the full description or ticket link... Any help would be much appreciated.

 

Here's what it looks like 

 

https://www.lifeistheway.com.au/upcomingevents

Link to comment
  • 3 weeks later...

Hey @tomjrobb, I was having the same frustrating issue as well.  I followed @paul2009 initial advice with dropping code into the Custom CSS, and it got rid of all the "View Event" buttons on my page.  Here's the code, as mentioned in @paul2009's post that worked for me.  Really frustrating though that SquareSpace doesn't have an easier way to just delete the button.

/* Hide 'View Event' button */
a.eventlist-button.sqs-editable-button.sqs-button-element--primary {
  display: none;
}
Link to comment

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.