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

Here's the solution I found that works in the CSS Editor:

.eventitem-backlink {display:none}

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>

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.

2 minutes ago, IM_Design said:

Just looking to hide the "Back to All Events" link that displays at the top left when viewing an individual event on an Events Page. It was an option for v7.0 but I don't see a way to do that for v7.1.

Please share link of your website.

Thanks for sharing, I need to do this too.

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

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

16 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

See how to insert if you don't know

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. 

1 hour ago, tuanphan said:

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>

Thanks, Tuanphan. You have helped me again!

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? 

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?

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!

18 hours ago, Thormod_RK said:

I would also like to know how to rename the 'Back to all Events' label. I've got a Business Plan and my site is running 7.1. 

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.

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>

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!