Change font size for: Calendar and Events title

Site URL: https://cymbals-chimes-8ezk.squarespace.com/config/design/custom-css

Hello, I want to change the font size for:

Calendar Title ie. "October 2020"

The fly out Title

and also the Event Listing Title size.

I know I have to do the . ??? { font-size }

but I'm not sure what are the names for those titles??

Thanks in advance!

Can you share link to event page? We can check easier.

this is the page:

http://www.experiencemaldon.com.au/whatsonmaldon

On 10/15/2020 at 4:41 AM, KenNaka said:

this is the page:

http://www.experiencemaldon.com.au/whatsonmaldon

Add to Home > Design > Custom CSS

/* calendar title */
.yui3-calendar-header-label {
    font-size: 50px;
}
/* flyout title */
.yui3-squarespacecalendar .flyoutitem a {
    font-size: 30px;
}
.eventlist-title .eventlist-title-link {
    font-size: 30px !important;
}

Thank you so much for your help! 😄

Appreciate it as well! Do you also have a recommendation for changing the font size of the listings themselves?

9 hours ago, shipdaddy said:

Appreciate it as well! Do you also have a recommendation for changing the font size of the listings themselves?

Which element in listing?

Hey Tuan, I have a similar question. I would love to make the font size for all the event titles on my Events page the same size as my "H1" header that is consistent throughout the rest of my site. Then, once I click into a particular event, I would like the font size for that event title to also remain as H1. It sounds like the Event page itself can be remedied with the code you mentioned:

}
.eventlist-title .eventlist-title-link {
    font-size: 30px !important;
}

but is there a way to tell what font size my H1 header is so that I can set it to that number? Alternatively, if it's just possible to peg it to H1 and then changes if I ever change the font size for that heading, that would be even better. Then, is there new code that I could use to likewise change the font size for the event title in the listings itself? Here are the two pages in question. Thank you so much for any help you can provide!

https://www.travelbreedscontent.com/events

https://www.travelbreedscontent.com/events/2023/12/7/daniel-tam-claiborne-with-nonfiction-for-no-reason

Hi @datclaiborne

Your H1 header font size is 28px currently for the desktop devices.
If you want all of your desired titles to look the same on every page then you can add the following CSS: 
 

#logo .logo.site-title, 
.eventlist-title .eventlist-title-link , 
.eventitem-column-meta .eventitem-title {
  font-family: proxima-nova !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
}