Begona

This is hacky but should get the job done:
/* Modify email field checkbox caption "Sign up for news and updates" */ .form-wrapper .form-item.field.email .option span {   font-size: 0 !important;   visibility: hidden; } .form-wrapper .form-item.field.email .option span:after {   content: "Inscrivez-vous pour recevoir nos actualités"; /* edit as requried */   font-size: 15px !important;   visibility: visible;   margin-left: -17px; } A better way to do this is to modify the caption with some JavaScript but due to recent form modifications, this is reasonably complex and not ideal for a forum post.
Did this help? Please give feedback by clicking an icon below  ⬇️

Add this to Website > Website Tools > Custom CSS to rename text
/* Posted in */ li.eventitem-meta-item.eventitem-meta-cats.event-meta-item { visibility: hidden; font-size: 0 !important; } li.eventitem-meta-item.eventitem-meta-cats.event-meta-item a { visibility: visible; font-size: 16px !important; } li.eventitem-meta-item.eventitem-meta-cats.event-meta-item:before { content: "enter new posted in text:"; visibility: visible; font-size: 16px !important; } /* Tagged */ li.eventitem-meta-item.eventitem-meta-tags.event-meta-item { visibility: hidden; font-size: 0 !important; margin-top: 15px; } li.eventitem-meta-item.eventitem-meta-tags.event-meta-item a { visibility: visible; font-size: 16px !important; } li.eventitem-meta-item.eventitem-meta-tags.event-meta-item:before { content: "enter new tagged text:"; visibility: visible; font-size: 16px !important; }

Thanks for the response but I've built a fix:
<script>// Get the last code block in the .event-details element (function(){ let lastCodeBlock = document.querySelector('.eventitem-column-content .sqs-block-code') // Get the .eventitem-column-meta element let eventColumn = document.querySelector('.eventitem-column-meta'); // Move the last code block to the .eventitem-column-meta element eventColumn.append(lastCodeBlock); }()) </script>  

If this, I don't know a way to achieve this. You try creating new thread, maybe someone can see and help

Hello
Thanks to tuanphan and bangank36 I've managed to finally have a "norwegian" setup for an event page. With norwegain names for days and months, norwegian order of things like 27 januar 2022 and lastly have the clock in bloody 24hr format. I'll paste the code I've stitched together from both of them below, so hopefully people should be able to grab that and change the days/months to their own language. I don't understand half of this code, so if it doesnt work for you "as pasted" I won't be able to help any further. As I said this is all tuanphan and bangank36's magic work 👌Thank you so so much!!
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> const translate = { Jan: "jan", Feb: "feb", Mar: "mar", Apr: "apr", May: "mai", Jun: "jun", Jul: "jul", Aug: "aug", Sep: "sep", Oct: "okt", Nov: "nov", Dec: "des" } const translate1 = { January: "januar", February: "februar", March: "mars", April: "april", May: "mai", June: "juni", July: "juli", August: "august", September: "september", October: "oktober", November: "november", December: "desember" } const day = { Monday: "Mandag", Tuesday: "Tirsdag", Wednesday: "Onsdag", Thursday: "Torsdag", Friday: "Fredag", Saturday: "Lørdag", Sunday: "Søndag" } $(document).ready(function() { $('[class*="-month"], time.event-date, .events-item-pagination-date').each(function(i, e) { const text = $(e).html() $(e).html(translate[text]) }) $('[class*="-month"], time.event-date, .events-item-pagination-date').each(function(i, e) { let text = $(e).html() for(let key in translate1) { text = text.replace(key, translate1[key]) } for(let key in day) { text = text.replace(key, day[key]) } console.log(text) $(e).html(text) }) }) </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(function($){ $(".eventitem-backlink").html(function() { return $(this).html().replace("Back to All Events", "Tilbake"); }); }); </script> <!-- Fix inconsistent blog + event date format on Squarespace 7.1 template --> <!-- Squarespace Forum 03-08-2021 --> <script src="https://stevenlevithan.com/assets/misc/date.format.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var dateformat = "d mmmm yyyy"; var timeformat = "H:MM"; var pubdate = document.querySelectorAll("time[datetime]:not([class*=event-time]), time[pubdate], time.blog-meta-item--date"); for (var i = 0; i < pubdate.length; i++) { var d = new Date(pubdate[i].getAttribute("datetime") || pubdate[i].innerText); if ( pubdate[i].classList.contains('blog-meta-item--date') ) { d = new Date(document.querySelector('[itemprop="datePublished"]').getAttribute("content").split("T")[0]).getAttribute("content"); } pubdate[i].innerHTML = d.format(dateformat); } var eventTime = document.querySelectorAll("time[datetime][class*=event-time]"); for (var i = 0; i < eventTime.length; i++) { console.log(eventTime[i].getAttribute("datetime") + " " + eventTime[i].innerText); var d = new Date(eventTime[i].getAttribute("datetime") + " " + eventTime[i].innerText); eventTime[i].innerHTML = d.format(timeformat); } var eventTimeSummary = document.querySelectorAll(".summary-metadata-item--event-time"); for (var i = 0; i < eventTimeSummary.length; i++) { var _24hrs = eventTimeSummary[i].querySelector(".event-time-24hr"); var _12hrs = eventTimeSummary[i].querySelector(".event-time-12hr"); _12hrs.innerHTML = _24hrs.innerHTML; } }); </script>  

[16-May-2023] Update
The script has been updated, find the new solution here 
 
Hi guys,
Understanding the requirement to set consistently format date on all pages of website , I would like to share my solution to you .
1. Add the following codes to Home > Settings > Advanced > Code Injection
<!-- Fix inconsistent blog date format on Squarespace 7.1 template --> <!-- Squarespace Forum Update 06-11-2021 --> <script src="https://stevenlevithan.com/assets/misc/date.format.js"></script> <script> (function(){ document.addEventListener('DOMContentLoaded', function() { const dateformat = "dd-mm-yyyy"; const pubdates = document.querySelectorAll("time[datetime]:not([class*=event-time]), time[pubdate], time.blog-meta-item--date"); pubdates.forEach(pubDate => { let d = new Date(pubDate.getAttribute("datetime") || pubDate.innerText); if (pubDate.classList.contains('blog-meta-item--date') ) { d = new Date(document.querySelector('[itemprop="datePublished"]').getAttribute('content').split("T")[0]); } pubDate.innerHTML = d.format(dateformat); }); }); })(); </script> 2. Change the 'dateformat' in my previous code with the date format you want to apply. Ex: dd-mm-yyy, mmm-dd-yyyy,...

Hope that it can help your sites properly
Let me know if you have any issue that needs to be solved.
Support me by pressing 👍 if this useful for you

CALL FOR TESTING 🤩
The Beyondspace date-format snippet has been upgraded, please replace your given snippet with the new one from this URL below
 🌍  Live editor

🌍 outputFormat supports different kinds of format based on the date string token
- MM/DD/YYYY
- DD/MM/YYYY
- MMM D, YYYY
 🌍 Multilingual website is supported out of the box, check for the support locales value here, for example
- www.ojala.mx/es/espanol
- www.ojala.mx/en/english
- www.ojala.mx/en/ojala-en
- www.ojala.mx/es/ojala-es
 🌍  Only those date format can support locales. For example instead putting `MM/DD/YYYY`, place `LLL` so it can be auto-converted into different languages
Format English Locale Sample Output L MM/DD/YYYY 08/16/2018 LL MMMM D, YYYY August 16, 2018 l M/D/YYYY 8/16/2018 ll MMM D, YYYY Aug 16, 2018  🌍  Weglot website is not supported as Weglot has its own mechanism for date time localization, for example
cc: @mazmac @ocam @yshahi @AdamR @JoelleM @ChiroUp @g-souza @Creatingspaces
 

Hey, I found a solution to translate all of the event elements: the months, pagination, "back to all events," etc.
Put this in the HEADER (and scroll below to see what goes in the FOOTER).

HEADER:
<!-- Translate event elements-- Squarespace circle forum and chatgpt thankyou -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://momentjs.com/downloads/moment-with-locales.js"></script>
<script>
$(document).ready(function() {
    // Translate specific terms
    $(".eventitem-sourceurl").each(function() {
        var htmlContent = $(this).html();
        $(this).html(htmlContent.replace("Source:", "Vir:"));
    });
    $(".eventitem-meta-item.eventitem-meta-cats.event-meta-item").each(function() {
        var htmlContent = $(this).html();
        $(this).html(htmlContent.replace("Posted In:", "Objavljeno v:"));
    });
    $(".eventitem-meta-item.eventitem-meta-tags.event-meta-item").each(function() {
        var htmlContent = $(this).html();
        $(this).html(htmlContent.replace("Tagged:", "Označeno:"));
    });
    // Translate dates in event pagination
    $(".events-item-pagination-date").each(function() {
        var originalText = $(this).text(); // Get the original text of the element
        var momentDate = moment(originalText, 'D MMMM'); // Parse the date
        if (momentDate.isValid()) { // Check if the date is valid
            var translatedDate = momentDate.locale('sl').format('D MMMM'); // Translate the date to Slovenian
            $(this).text(translatedDate); // Update the text with the translated date
        }
    });
    // Translate the event date
    if ($(".event-date").length) {
        var translate = moment($(".event-date").attr("datetime")).locale("sl").format('dddd, MMMM D, YYYY');
        $(".event-date").html(translate);
    
        $(".product-price")
          .contents()
          .filter(function() {
            return this.nodeType == 3;
          }).remove();
    }
});
</script>
 
 
----------
 
FOOTER
 
<!-- Translate 'Back to All Events' on Squarespace 7.1 ------------------------------------->
<script>
  window.addEventListener('DOMContentLoaded', (event) => {
    var backEvents = document.querySelector(".eventitem-backlink");
    if (backEvents) {
      backEvents.innerHTML = "Nazaj na tabore in aktivnosti";
    }
})
</script>

You mean
Add shareaholic to List Page
or Remove Shareaholic from List Page
?

You can add to Page Header Code Injection then share link to Event Page, we can give code to remove it on Event List Page

Hi community! I want to add the following shareaholic code to event pages of my website. I was able to do it for my blog pages by going to Page Settings > Advanced > Page Item Code Injection. But it seems for event pages there's no Page Item Code Injection option, only Page Header Code Injection (attached screenshot).

Is there anyway I can tweak this code to only show up on the event pages and not the event page landing?

Code here:

<!-- BEGIN SHAREAHOLIC CODE -->
<link rel="preload" href="https://cdn.shareaholic.net/assets/pub/shareaholic.js" as="script" />
<meta name="shareaholic:site_id" content="3910f41d5db90ac8072e79f044c119b0" />
<script data-cfasync="false" async src="https://cdn.shareaholic.net/assets/pub/shareaholic.js"></script>
<!-- END SHAREAHOLIC CODE -->

Hi Begona,
let me get back to you on that. For now you can just add a Code Block and paste the html script.
THat works, but understand it is annoying having to do it everytime ..

Add this to Code Injection > Footer. If it doesn't work, please share site url, we can check again easier
<script>// Get the last code block in the .event-details element (function(){ let lastCodeBlock = document.querySelector('.eventitem-column-content .image-block') // Get the .eventitem-column-meta element let eventColumn = document.querySelector('.eventitem-column-meta'); // Move the last code block to the .eventitem-column-meta element eventColumn.append(lastCodeBlock); }()) </script>  

Try this Custom CSS:
.summary-excerpt h4 { margin-bottom:1rem !important; }

I wrote this small plugin (free)
It will use Thumbnail, and make it become top banner.
 

Hi Everyone,
we were missing the Social Share buttons on Squarespace 7.1, on blogposts and everywhere else, so we programmed this little nugget for free. No signup, no ads, just Sharing is Caring:
https://www.ikko-ikki.org/free-social-share-buttons-for-squarespace-7-1
Hope y'all enjoy and can use it ... btw, this is free and there is no support or customization for it, but we have written a little about how to redesign and more on the guide.

Hi everyone, we thought it was annoying too, and really miss the sharebuttons, so we programmed these for free, no ads, no sign up or anything just feel Sharing is Caring, guide on page:
https://www.ikko-ikki.org/free-social-share-buttons-for-squarespace-7-1
Hope you can use it 🙂

Try this code:
section[data-section-id="64b71a6c09069d7b10c7878e"] { .sqs-block-summary-v2 .summary-excerpt p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } }

Try adding to Home > Settings > Advanced > Code Injection, choose footer
<script> (function() { window.addEventListener('DOMContentLoaded', () => { const backEventLink = document.querySelector('.eventitem-backlink'); if(backEventLink) { backEventLink.setAttribute('href','/booking'); } }); })() </script> Let me know how it works on your site
Support me by pressing 👍 if this useful for you

This has been an issue for some time. See if my workaround from 2021 helps 🙂
Did this help? Please give feedback by clicking an icon below  ⬇️

I acquired a Filter plugin because of the lack of filtering options in Portfolios, only to realize that I cannot use Javascript on a Personal Plan. I agree: we shouldn't need to pay for external plugins for such basic functions.
😞

If you create an event page and add this to Custom CSS it may give you an idea of the possibilities:
.eventlist { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:20px; } .eventlist-event { margin-top:0px; flex-direction: column; } .eventlist-column-info { //margin-top:20px; padding-left:0px; } .eventlist-column-thumbnail { width:100%; } .tweak-events-stacked-thumbnail-size-32-standard .eventlist-column-thumbnail { padding-bottom: 60%; } .eventlist-column-info { display:flex; width:100%; justify-content: fill; } .eventlist-title, .eventlist-meta-item { border:1px solid #000; padding:10px; } .eventlist-title { padding:10px !important; } It's not perfect, but you could build on it, or get help to build on it. 
Drop me a note if you want.

#1. Use this CSS code
/* Hide date on event list */ .eventlist-datetag { display: none !important; } /* Hide date on event detail */ li.eventitem-meta-item.eventitem-meta-date.event-meta-item { display: none; } #1b. Date format, you can see this thread
#2. Add this code to Custom CSS
/* Event list to grid */ @media screen and (min-width:768px) { div.eventlist { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 10px 10px; } div.eventlist article { margin: 0 !important; width: 100% !important; flex-direction: column; } div.eventlist article>* { width: 100% !important; } .eventlist-column-thumbnail { padding: unset !important; height: auto !important; } .eventlist-column-thumbnail img { position: static !important; }} #4. So
Left side: Image
Right side: Back to Link, Title, Description?

Wow! Thanks, @tuanphan!
This is perfect to show my client. I appreciate your help 🙂
 

I created a quick demo for you here, Even Page + Universal Filter Plugin
https://tuanphan.squarespace.com/events-filter?noredirect
pass: abc
I only create Basic Filters, if you need something more complicated you can describe it detail, I will adjust.