Jump to content

Change event pagination label plus padding(brine 7.0)

Go to solution Solved by tuanphan,

Recommended Posts

Posted

Hello

My client would like to change the wording of the event pagination located at the bottom of 

https://www.lycetteandassociates.com/calendar/trends-and-innovations-in-global-housekeeping-management-2023-presentation-edinburgh (password=lycette)

Instead of earlier event and later event she would like it to say previous event and next event.

Also I have hidden the meta tags but feel that the spacing between the registration button and the pagination is too much. Is there code that would help with both of these? I have exhausted my possibilities and am calling on the professionals... 

Thank you.

LYCETTE EVENT.jpg

  • Solution
Posted

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $(".eventitem-pager-date").html(function() { 
          return $(this).html().replace("Earlier", "Previous");  
    });
        $(".eventitem-pager-date").html(function() { 
          return $(this).html().replace("Later", "Next");  
    });
});
</script>
<style>
  .eventitem-pager {
    margin-top: 0px;
}
</style>

image.thumb.png.068576d92cdfd0571cc6f92d51908eea.png

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.