Shortening the popup tool tip copy in month view

[Nancy]

Hi There,
How can i set a limit on the number of words that is included in the popup tooltip that occurs in the month view? I really want to keep the Read More link, but I’d like fewer words to show before seeing the read more link.

Thanks for your help.

Regards,
Nancy

[Victor]

Hi Nancy!

Nice to see you again :). I’d be happy to help you with this.

Let me point you to a great article George put up here about the excerpts that are used to display in the tooltip > https://theeventscalendar.com/the-trouble-with-excerpts/

Does it help with what you are trying to achieve? Let me know if you have further questions.

Best,
Victor

[Nancy]

Hey Victor,

Thanks so much for pointing me in that direction. I’ll use the excerpt box and customize accordingly.

Next Issue:

I have an events feed on the home page of my site. https://www.saintjamespreschool.com/

If you scroll down past the opening slider, you’ll see it.

I spent probably 1.5 hours styling this. . . getting rid of the bright blue background that evidently appears with featured events etc.

How do I get the “raised panels” to extend the full width of the 2/3 column. I’d also like the event title and date to be to the right of the featured image, so in effect, the text would wrap around the image. Not that there’s enough text to wrap, but you get the idea. Below the screenshot is the CSS I am using to achieve what you see in the screen shot.

/* —>Home Page-Event-FeedWith-featured-eventend-featured-event<—*/

In Addition, that blue background shows up in the Month view. What is the CSS to make this transparent? I can’t tell you how many times I have inspected the element hoping to see that blue swatch appear so I can make it transparent. I just can’t find it. I know there is a solution to this. But honestly, if this cannot be changed, I cannot use the featured image category AT ALL. (Just an fyi, I am not mad at you! But I do want you to know how frustrating this is!)

My number one complaint and frustration about this plugin is how difficult it is to change the styles. Either it’s nearly impossible to inspect the element, or when I do finally find the element and adjust the CSS so it looks good in one setting (list view or details page), it looks absolutely horrible in another setting (month, list, week view).

Thank you so much for your help Victor. I really appreciate it.

[Victor]

Hi Nancy!

Glad to know the excerpt article is of help.

I’m sorry you have experienced such a hard time customizing the syles. Let me try to help you with that.

First, please let me note that we are fairly limited in how much support we can give for custom development questions like these. That said, we always like helping out and at least point users into the right direction as much possible.

How do I get the “raised panels” to extend the full width of the 2/3 column

This is something that really depends on your theme. I managed to extend the width of the events container so that it fits better with the following CSS snippet, but might need extra adjustement:

.tribe-mini-calendar-event { width: 100% !important; }

As for the text to wrap around the image you can try the following CSS:

.tribe-mini-calendar-event .tribe-event-image {
float: left;
}
.tribe-mini-calendar-event .list-info {
width: 80% !important;
}

You can customize the featured highlight color using the WordPress customizer by going to your wp-admin > Appearance > Customizer > The Events Calendar > General Theme. But, if you want to set it transparent, you’ll have to use the following CSS snippet:

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured {
background-color: transparent !important;
}

For further customizations, let me point you to a couple of articles that will point you to how you can further customize the look and feel of the templates:

• Themer’s Guide > https://theeventscalendar.com/knowledgebase/themers-guide/
• Stylesheets and Page templates > https://theeventscalendar.com/knowledgebase/stylesheets-and-page-templates/
• Dequeue CSS Styles and JavaScript Files extension > https://theeventscalendar.com/extensions/dequeue-assets/

I hope that helps! Let me know how it goes.

Best,
Victor

[Nancy]

Hey Victor,
I can’t thank you enough for providing the CSS to further style the featured events. As you know, I’ve been very frustrated with not being able to find the classes for these elements. I have not experienced this with any other plugin. I can always inspect the element and find what I am looking for. Again, thank you so, so much for providing this.

As far as what type of support you can provide, based on my experience with other plugins and their support policies, and especially since it is so difficult to find the classes for the events elements, I didn’t think I was asking for custom development. To me, that would be a server side issue as opposed to a browser side issue. It’s not like I was trying to add the color blue to anything or asking for additional functionality. I was trying to eliminate that background color because someone thought it would be a cool feature.

But again, I sincerely thank you for providing answers to my questions. I was beginning to think I was going to have to back up and thereby lose hours worth of work. I am very pleased now with the styling of the features on the home page. So again, thank you for going the extra distance on this. I really, really appreciate it.

Best Regards,
Nancy

[Victor]

Hi Nancy!

Thank you for the kind words! I’m super happy I could be of help here 🙂

It seems you are all set up with this, so I’ll go ahead and close this thread. Don’t hesitate to open a new topic if anything comes up and we’d be happy to assist.

Have a great weekend!
Victor

[Author]

Posts