Customizing Event Title For Week View

[rolevine]

Hi,

Please see the attached image. It shows the two 1/2 hour events with the title (summary?) of the event being scrunched up. I would like to make it so that the box for 1/2 hour events is bigger and the text inside is bigger as well. For the life of me, I’m not having any luck with the CSS, even just manually editing it in Firebug. Any help is greatly appreciated.

Regards,
Rob

[Jennifer]

Hi Rob,

Thanks for reaching out! I’m sorry you’re running into this issue with the title…you might try adjusting the “Default stylesheet used for events templates” and “Events template” settings under Events > Settings > Display, which control how much the events pages inherit their styling from the theme. If that doesn’t help, can you please send me a link to the page? I’ll be happy to take a look and see what I can recommend!

Thanks,

Jennifer

[rolevine]

Hi,

Thank you for your response. I switched the template to “Tribe Events Styles” and then added the following to the Additional CSS and it got me part of the answer to my question.

.tribe-events-grid 
.type-tribe_events a {
		font-size: 14px !important;
}

However, it exposed a bigger problem that I could use some advice with. If you look at the attached screenshot, you can see that a few of the events are scrunched even more with the new font size. These events are all set up as 1 hour events. The solution I’m considering is to simply make the grid blocks taller, for each 1/2 or full hour block. I played around with some CSS, including following some of the advice in this related post, but came up empty. So I’m wondering if there’s an easy way to accomplish my goal of making each row taller, that’s been implemented recently.

Please let me know if you still need access to my site. Currently the pages are private because they’re admin-only.

Regards,
Rob

[Jennifer]

Hi Rob,

I’m sorry for the delayed response here – unfortunately I’m not sure what CSS to recommend without being able to access the page. I haven’t seen any other reports of this same issue, so I don’t have an example solution that I could point you to at the moment. We are not able to login to user sites, but if you could make one test event page public and send me the link, I’ll be happy to take a look and see what I can recommend! You can include this link in a private reply if you do not want to post it publicly.

Thanks,

Jennifer

[rolevine]

This reply is private.

[Jennifer]

Hi Rob,

Thanks for sending the page! Try adding this to the custom CSS area under Appearance > Customize (if you have one) or to the style.css file of your child theme:

.tribe-events-grid .type-tribe_events h3.entry-title {
padding: initial;
}

Let me know if that helps!

Thanks,

Jennifer

[rolevine]

Hi Jennifer,

Thanks for the quick reply. Unfortunately I see no change for the scrunched 4:00 and 5:00 1/2 hour events. I forced a page refresh and I can see the new CSS code in the page source and via Firebug.

It looks like I have a typo in my Nov 29 note. I said “These events are all set up as 1 hour events” and it should’ve said “These events are all set up as 1/2 hour events.” I am including a screenshot to illustrate further.

– Rob

[Jennifer]

Hi Rob,

Can you try adding “!important”? I tested this out on my end, and it is showing the full title (see screenshot).

Let me know if that helps!

Thanks,

Jennifer

[rolevine]

Hi,

Excellent, it works. I should’ve thought of that myself!

Regards,
Rob

[Jennifer]

Great, I’m glad to hear it’s working now! I’ll go ahead and close out this thread, but please feel free to open up a new one if you have any other questions!

Thanks,

Jennifer

[Author]

Posts