Jump to content

7.1 Events Page: Hiding the "Back to All Events" link

Go to solution Solved by IM_Design,

Recommended Posts

33 minutes ago, wagneric said:

Thanks for sharing, I need to do this too.

Where do you put this CSS? In the Events page?

Add to Home > Design > Custom CSS

See how to insert if you don't know

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
3 minutes ago, wagneric said:

Thanks, Tuanphan. I have added to the Custom CSS field before, but I've also added custom CSS to individual page's "Advanced" Code Injection and wasn't sure if this code was site-wide or page specific. 

CSS should be inserted at Design > Custom CSS

if you want to insert to Page Header, you need wrap CSS in style tag

<style>

paste the CSS here

</style>

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...

I'm trying to use the events set-up as a job board. (If anyone has a suggestion of something that would work better than events, I'm open to hearing it!)

So I'm looking to change the text from "Back to All Events" to "Back to Vacancies". Any suggestions on how to best do this? 

Link to comment
3 minutes ago, belsabub said:

I'm trying to use the events set-up as a job board.

I find that works really well too, because vacancies disappear after the closing date 🙂.

You can rename the label but the exact solution will depend on your site's version/template/billing plan. Can you provide some details?

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 1 year later...
On 4/23/2020 at 1:58 PM, paul2009 said:

I find that works really well too, because vacancies disappear after the closing date 🙂.

You can rename the label but the exact solution will depend on your site's version/template/billing plan. Can you provide some details?

Hi @paul2009,

I would also like to know how to rename the 'Back to all Events' label. Do you know how? Here's the site: https://www.aulaseriene.no/program-v2/lieder-290521 (still under development)

I've got a Business Plan and my site is running 7.1. This entry is getting old, but I can't find any other posts enquiring about renaming this particular label. Fingers crossed you can still help!

Link to comment
5 hours ago, paul2009 said:

Hi Thormod

Try adding this to Settings > Advanced > Code Injection > Footer:


<script>
Y.on('domready', function() {
  Y.one(".eventitem-backlink").set('innerHTML', 'Tilbake til Alle Arrangementer')
});
</script>

Let me know how you get on.

Hi Paul,

Thanks for having a go at this! It didn't work, I'm afraid. There's quite a bit of code in my footer already, but I suppose other code won't block this one from functioning (as no other code is targeting .eventitem-backlink)...

Here's the code I used (just changed the link text – thanks for having a go even at translating it):

<script>
Y.on('domready', function() {
  Y.one(".eventitem-backlink").set('innerHTML', 'Tilbake til programoversikt')
});
</script>

 

Link to comment
30 minutes ago, Thormod_RK said:

Thanks for having a go at this! It didn't work, I'm afraid.

Ooh, that's interesting for a number of reasons. Not to worry!

I've rewritten it in plain JavaScript for you:

<!-- Translate 'Back to All Events' on Squarespace 7.1 ------------------------------------->
<!-- Copyright Soundfocus Digital [sf.digital] --------------------------------------------->
<!-- Use freely in your code injection. Do NOT re-publish.---------------------------------->
<script>
  window.addEventListener('DOMContentLoaded', (event) => {
    var backEvents = document.querySelector(".eventitem-backlink");
    if (backEvents) {
      backEvents.innerHTML = "Tilbake til programoversikt";
    }
})
</script>
<!-- End of Translate 'Back to All Events' ------------------------------------------------->

Let me know how you get on.

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
On 5/7/2021 at 6:49 PM, paul2009 said:

Ooh, that's interesting for a number of reasons. Not to worry!

I've rewritten it in plain JavaScript for you:


<!-- Translate 'Back to All Events' on Squarespace 7.1 ------------------------------------->
<!-- Copyright Soundfocus Digital [sf.digital] --------------------------------------------->
<!-- Use freely in your code injection. Do NOT re-publish.---------------------------------->
<script>
  window.addEventListener('DOMContentLoaded', (event) => {
    var backEvents = document.querySelector(".eventitem-backlink");
    if (backEvents) {
      backEvents.innerHTML = "Tilbake til programoversikt";
    }
})
</script>
<!-- End of Translate 'Back to All Events' ------------------------------------------------->

Let me know how you get on.

 

It worked perfectly. Such a tiny detail, but it truly makes a difference. Thank you so much, @paul2009!

Link to comment
  • 1 year later...
On 11/19/2022 at 4:49 AM, studiotheia said:

I'm dealing with the same issue, trying to get rid of events back and forward links 

benscraftcocktails.com/events

 

specifically on:

https://www.benscraftcocktails.com/events/event-one-d3jsm

https://www.benscraftcocktails.com/events/star-of-the-bar-dr4ch

 

You can edit 2 events > Add a Code Block > Paste this code

<style>
  a.eventitem-backlink {
    display: none;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.