Change CSS on Single Event Listing

[Lindsey]

I’m having trouble changing the font size on my event listing page. The date is larger than the event title. How do I update both of these? I’ve tried updating the CSS using:

.single-tribe_events .tribe-events-single-event-title {
font-size: 2.4em;
line-height: 1;
margin: 0;
padding: 0;
}

But it doesn’t actually change anything.

I tried altering the date with:
.tribe-events-schedule h2 {
font-style: normal;
font-size: 20px;
font-weight: 700;
}

Where am I going wrong?

[Geoff B.]

Good evening Lindsey and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

Both of these CSS rules look great.
Can  you tell me where you are placing them ?

Typically you add the CSS rules to your style.css file or in your Custom CSS metabox.

Something else worth trying is adding the !important argument.
Here is an example of that

.single-tribe_events .tribe-events-single-event-title {
font-size: 2.4em !important;
}

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Let me know how that goes.

Best regards,
Geoff B.

[Lindsey]

This reply is private.

[Lindsey]

This reply is private.

[Geoff B.]

This reply is private.

[Author]

Posts