Jump to content

Customize Event Pages

Go to solution Solved by tuanphan,

Recommended Posts

socialstylate Level 4

socialstylate

Posted
Posted

Hello - I need help customizing the general events page and then individual event pages.

On the general events page, I would like to...

  • Center all the content horizontally on the page
  • Change the date and time to h2
  • Remove the end time

On the individual event pages, I would like to...

  • Make the title bigger
  • Change the date and time to h2
  • Show the event image above the title

If anyone can help with any of these, that would be great. Thank you!!

Link to comment
  • Replies 5
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

#1. Use this CSS code to Website Tools (under Not Linked) > Custom CSS time.event-time-localized-end { display: none; } span.event-datetime-divider { display: none; } ul.eventlist-meta.e

Posted Images

  • Solution
tuanphan Level 17

tuanphan

Posted
  • Solution
Posted

#1. Use this CSS code to Website Tools (under Not Linked) > Custom CSS 

time.event-time-localized-end {
    display: none;
}
span.event-datetime-divider {
    display: none;
}
ul.eventlist-meta.event-meta * {
    font-family: 'Hackney-Vector';
    font-size: 20px !important;
}

#2. Use this CSS code 

ul.eventitem-meta.event-meta.event-meta-date-time-container * {
    font-family: 'Hackney-Vector';
    font-size: 20px !important;
}

h1.eventitem-title {
    font-size: 36px !important;
}

#3. Show image here?

image.png.a1aa582e97da8024e5fbdd485b2e16f3.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!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources