Font style and size change in specific event area

Site URL: https://mknamaste.squarespace.com/events

PASSWORD: mknamste

I can not find anywhere in the block settings itself to change this but I'm trying to make that yucky script area just be the block text all uppercase. #F09C76 if possible.

13 hours ago, ThisWayToFabulous said:

Site URL: https://mknamaste.squarespace.com/events

PASSWORD: mknamste

I can not find anywhere in the block settings itself to change this but I'm trying to make that yucky script area just be the block text all uppercase. #F09C76 if possible.

Hi, just add this to custom css:

.eventlist-title .eventlist-title-link {
  text-transform: uppercase;
  color: #F09C76 !important;
  font-family: 'Poppins';
}

@Jia thanks so much!

Is there a way for it to work on the hover in this area too on the home page??

11 hours ago, ThisWayToFabulous said:

@Jia thanks so much!

Is there a way for it to work on the hover in this area too on the home page??

Please share the password again so I can check 🙂

@Jia

Site URL: https://mknamaste.squarespace.com

PASSWORD: mknamste

11 hours ago, ThisWayToFabulous said:

@Jia

Site URL: https://mknamaste.squarespace.com

PASSWORD: mknamste

Add this code to css:

.flyoutitem a {
  color: #F09C76;
  font-family: 'Poppins';
}

@Jia thanks so much! couple more questions:

1. font change worked on the calendar area of the home page (screenshot attached), but i tried updating the color of that line (LIVE Yoga Flow with Molly) to #8C4298 and nothing happened. even with !important after it.
2. is there a way to make the TIME of that area (ie: 8:15-8:45 pm) change to #F09C76? The size is fine but im trying to differentiate the text to make the info more absorbable.

8 hours ago, ThisWayToFabulous said:

@Jia thanks so much! couple more questions:

1. font change worked on the calendar area of the home page (screenshot attached), but i tried updating the color of that line (LIVE Yoga Flow with Molly) to #8C4298 and nothing happened. even with !important after it.
2. is there a way to make the TIME of that area (ie: 8:15-8:45 pm) change to #F09C76? The size is fine but im trying to differentiate the text to make the info more absorbable.

Add this code to custom css:

.yui3-squarespacecalendar .flyoutitem a {
  color: #8C4298 !important;
}

.yui3-squarespacecalendar .small-layout .flyoutitem .flyoutitem-datetime {
  color: #F09C76;
}

@Jia amazing!

One more spot. When you actually click the event and it takes you to this page (https://mknamaste.squarespace.com/upcoming-events/live-yoga-py4xh).

1. The meta data on that left side...is it possible to have the date and time be #8C4298?
2. Can the "Google Calender / ICS" line be bolded and all caps?

Site URL: https://mknamaste.squarespace.com

PASSWORD: mknamste

4 minutes ago, ThisWayToFabulous said:

@Jia amazing!

One more spot. When you actually click the event and it takes you to this page (https://mknamaste.squarespace.com/upcoming-events/live-yoga-py4xh).

1. The meta data on that left side...is it possible to have the date and time be #8C4298?
2. Can the "Google Calender / ICS" line be bolded and all caps?

Site URL: https://mknamaste.squarespace.com

PASSWORD: mknamste

Sure! Here's the code:

.eventitem-meta-item {
  color: #8C4298;
}

ul.eventitem-meta.event-meta.event-meta-addtocalendar-container {
  font-weight: bold;
  text-transform: uppercase;
}