Changing font size on date

[Bill Even]

Help!

Please see the attached link (as an example).

http://chromaticclub.com/event/from-the-top-our-annual-membership-recital/

How do I change the size of the date and time of the event? It looks fine on a computer but it’s huge on a smartphone.

I’m using CSSHero on the site, but I can’t seem to isolate the date and time to make a change.

Thanks!

Bill

[Geoff B.]

Good evening Bill and welcome back!

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

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.tribe-events-schedule h2 {
font-size: 18px;
}

This size seems to display well on a computer and on a mobile device.
If you prefer, you could specify different font sizes for different screen sizes using @media rules in your CSS.

Let me know how that goes.

Best regards,
Geoff B.

[Bill Even]

You rock Geoff! Thank you!

Bill

[Geoff B.]

Good afternoon Bill,

I am super stoked that this helped you out!

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts