Event Calendar Widget Sidebar

[azdancecoalition]

Hi,
The Event Calendar Widget displays a huge font size (right sidebar). How can I reduce it? I looked at another post in the support forum and tried the css code suggested and it didn’t work for me. I’ve included a screen shot.
Thanks,
Krystyna

[Geoff B.]

Good evening Krystyna and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the huge font in the sidebar. Yikes!
I would love to help you with this topic.

Chances are there is simply a CSS rule in your theme that is “interfering”.

The simplest thing would be for me to take a look at your test website (as I understand this is not the live site).

I already gave the URL a shot, but that does not seem to work.
Would it be possible to provide me with temporary credentials (in a private reply) so that I can see the actual site ?

If not, could you please send me a copy of the latest version of your WordPress theme / child theme via a link to a .zip file link (stored Dropbox or Google Drive) so that I can run some tests on my end ? I recommend a private reply for that purpose.

Please ensure you are using the latest files as found on your actual website.
This way I will get access to any updates or customizations you might have made.

Best regards,

Geoff B.

[azdancecoalition]

This reply is private.

[Geoff B.]

Good evening Krystyna,

Thank you for writing back.
Actually, just as I suspected, there is a CSS rule of your theme that is causing this unexpected font size.

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

.tribe-mini-calendar-event h2 a {
font-size:14px !important;
}

In other words, we won’t need a copy of your theme after all.

Let me know if you require assistance adding that CSS rule.

Best regards,

Geoff B.

[azdancecoalition]

Hi, Thanks – it worked. Now there is the line height issue – like in the monthly calendar before. This is what you advised for that:

h3.tribe-events-month-event-title a {
line-height: 18px;
}

So I added this and it worked!!!

.tribe-mini-calendar-event h2 a {
line-height: 18px;
}

Yeah!
Thank you, Krystyna

[Geoff B.]

Good evening Krystyna,

I am super stoked to know this worked for you!

Kudos on figuring out the line-height issue too.

Is there anything else I can help you with today ?

Best regards,

Geoff B.

[azdancecoalition]

This reply is private.

[azdancecoalition]

This reply is private.

[Geoff B.]

This reply is private.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts