Support

Home Forums Event Espresso Premium Tooltip Font Size and Spacing in Calendar using Themeroller

Tooltip Font Size and Spacing in Calendar using Themeroller

Posted: March 22, 2014 at 10:14 am


Barry

March 22, 2014 at 10:14 am

I have recently updated my EE to 3.1.36.4P and my calendar settings have changed. My tooltip font is too big and there is too much spacing between lines and so my tooltip runs off the page. I don’t want to use short descriptions. I can’t even begin to figure out where to go to get this adjusted. I am using a built in themeroller style on the calendar. Here is a link to my registration page. My current version of WP is 3.7.1


Lorenzo Orlando Caum

  • Support Staff

March 22, 2014 at 4:13 pm

Hi Sandy,

Have you disabled the tooltips? I’m not seeing any when I hover over the events on your calendar.

Could you please let me know how I can see them? I’ll then be able to inspect them using Chrome Developer Tools and share some CSS for making adjustments to the styling.


Lorenzo


Barry

March 22, 2014 at 4:22 pm

I disabled it because it looked so bad. I just enabled it if you want to take a look. Before I updated the calendar, the print was a lot smaller.


Lorenzo Orlando Caum

  • Support Staff

March 22, 2014 at 4:53 pm

Thanks Sandy. Adjusting the font size can be done through CSS:

http://cl.ly/image/1s12203C0M3X

Try adding this to a CSS plugin like My Custom CSS:

.ui-tooltip-content p {
	font-size: small;
	line-height: 1.4;
	padding: 10px 10px 0 10px;
}

Let me know how that works out!


Lorenzo


Barry

March 22, 2014 at 8:57 pm

That worked partially. It didn’t change the spacing for the entire event. However, I have ultimately decided not to use tooltips because there is just too much information that needs to be shown and if the event is near the top of the calendar, it runs off the top of the page. I have read numerous posts from other folks who are having trouble with tooltips runing off the page. I’ll wait until a fix is in place. Thanks for your help!

The support post ‘Tooltip Font Size and Spacing in Calendar using Themeroller’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso