Hide the View Event button on upcoming events

I had been asked to edit the following Squarespace website:
https://www.sachi-web.de/sachi-ne
I have quite some experience with different CMS, but not yet with the Squarespace CMS.

Question: How can I remove the red "View Event" button on the above web page for some of the events?
Any suggestion would be welcome.

I'll check it out tomorrow. Thank you for your fast response.

Hi,

I tried following this solution but it doesn't seem to be working. Any ideas?

https://oddness.studio/events

Never mind - I figured this out, my mistake.

How do I buy you a coffee @AlfonsD??

Hi Oddness,

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

What did you figure out to make it work?

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.

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

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

Hello @paul2009.  I have the same questions as this past post and tried the solution but it did not work for me.  Did I put the code in wrong?   Could you please let me know?  Here is the screenshot:

33 minutes ago, sartist said:

the solution but it did not work for me.  Did I put the code in wrong?

Yes, but it's an easy mistake to make 🙂. The code is CSS and should be placed in the Custom CSS panel. (Where is the Custom CSS panel?)

Ok thank you!  So is this a panel for the whole website or does each page have their own panel?

It worked!!  Thank you!!!

I thought this worked, but now I see the “Past events” again on the individual events!

OK, so I realized if someone clicks on an event, then they can still get to the individual event listing and see the past events that way.  So I need a way to remove the previous event link at the bottom of each event listing.  If anyone can let me know how to do this, that would be so awesome! 

Also, I have a question about how to input the code. I noticed when I do it, it doesn’t look like the example (see below).  Do the colors have to be the same?  Also, there is an error message at the bottom.  Says “Syntax Error on line 1”

This is what I need to get rid of:

3 hours ago, sartist said:

I realized if someone clicks on an event, then they can still get to the individual event listing and see the past events that way.  So I need a way to remove the previous event link at the bottom of each event listing.

These are the pagination prev/next links. You can hide them (site-wide) if you add this to Custom CSS:

.collection-type-events-stacked #itemPagination {
  display: none;
}

3 hours ago, sartist said:

I have a question about how to input the code. I noticed when I do it, it doesn’t look like the example (see below).  Do the colors have to be the same?

The colours won't appear in the Custom CSS panel. This is normal.

3 hours ago, sartist said:

Also, there is an error message at the bottom.  Says “Syntax Error on line 1”

This isn't normal. I recommend you remove all the code and then add it again carefully in case an unreadable character has been included by accident.

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

On 6/9/2024 at 1:58 PM, paul2009 said:

These are the pagination prev/next links. You can hide them (site-wide) if you add this to Custom CSS:

.collection-type-events-stacked #itemPagination {
  display: none;
}

 

The colours won't appear in the Custom CSS panel. This is normal.

This isn't normal. I recommend you remove all the code and then add it again carefully in case an unreadable character has been included by accident.

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

Thank you! Just seeing this. Appreciated your help!