Font too big in month view

[Hans-Gerd]

Hello,
trying the solution in the following URL (https://theeventscalendar.com/support/forums/topic/calendar-view-event-title-font-too-big/):

#page-container h3.entry-title.tribe-events-month-event-title a, 
#page-container h3.entry-title.tribe-events-month-event-title a:visited {
    font-size: 14px !important;
}
#page-container h3.tribe-events-month-event-title.entry-title.summary{
	font-size: 14px !important;
}

I have add that css to my child-theme’s stylesheet (evolve).

But unfortunately does not work. The font for h3 should be less

Sincerely
Hans-Gerd

• This topic was modified 10 years, 5 months ago by Hans-Gerd.
• This topic was modified 10 years, 5 months ago by Hans-Gerd.
• This topic was modified 10 years, 5 months ago by Brian.

[Brian]

Hi,

Thanks for using our plugins. I can help out here.

Do you have a link where this is happening.

It is hard to figure it out without seeing the issue.

Thanks

[Hans-Gerd]

This reply is private.

• This reply was modified 10 years, 5 months ago by Hans-Gerd.

[Brian]

Hi,

Thanks for the link. I looked at your site and found this css coding that is causing the issue.

.home .entry-title, .entry-title a, .archive .entry-title, .search .entry-title, .page-template-blog-page-php .entry-title {
font-size: 120% !important;
line-height: 120% !important;
margin-bottom: 0;
}
.entry-content h3 {
font-size: 18px !important;
}
.entry-title, .entry-title a, .page-title {
font-size: 24px !important;
}

All those !important are conflicting with each other making it near impossible to override the titles.

The !important should rarely if ever be used. You are going to have to remove those to get this to work.

I am not able to help resolve 3rd party conflicts such as that though and every snippet I tried did not work.

So the best bet is to remove all of your !important as that only creates issues like you are having and instead using more precise css.

Thanks

[Hans-Gerd]

Hi Brian,
sorry for my late reply, but I haven’t seen your reply.
I’ll try that and otherwise report again.
Thanks for help

Sincerly
Hans-Gerd

[Hans-Gerd]

Hi Brian,
unfortunately your solution doesn’t work, but I have found a solution:

h3.entry-title.tribe-events-month-event-title a, h3.entry-title.tribe-events-month-event-title a:visited {
    font-size: 12px !important;
	color:#51545C !important; 
	font-height:bold !important;
}
h3.tribe-events-month-event-title.entry-title.summary{
	font-size: 12px !important;
}

Because !Important certainly not the best solution, but ok …

Thanks for your help
Sincerly
Hans-Gerd

[Brian]

Hi,

Yeah mine was not a solution just pointing out your css causing the issue, which is having way to many !importants.

Anyway glad you figured it out.

I am going to go ahead and close this ticket. If you have a similar issue or another in the future, please do not hesitate to create a new ticket.

Thanks!

[Author]

Posts