Jump to content

Adding space on events page

Go to solution Solved by jpeter,

Recommended Posts

  • Replies 4
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

@Celeste_Woodside You can use add the following CSS to update the spacing:

.eventlist-description {
    margin-bottom: 17px;
}


You can use the following JavaScript to update the title:

// Update Event list button from "View Event" to "Session Info"
document.querySelectorAll('.eventlist-button').forEach(button => button.textContent = 'Session Info');

 

Edited by jpeter

Full stack developer who loves helping people out with anything web related. If you'd like to support me, buy me a coffee!

Link to comment
11 hours ago, jpeter said:

@Celeste_Woodside You can use add the following CSS to update the spacing:

.eventlist-description {
    margin-bottom: 17px;
}


You can use the following JavaScript to update the title:

// Update Event list button from "View Event" to "Session Info"
document.querySelectorAll('.eventlist-button').forEach(button => button.textContent = 'Session Info');

 

Thank you @jpeter ! The first one worked but the second one did not.  Any ideas?

 

Screenshot 2024-01-23 at 9.42.11 AM.png

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.