list view now showing todays events ; need to change title size

[Kim]

I am trying to adjust the list view of upcoming events on my home page.
I have placed the shortcode: [tribe_events_list limit=”4″]

1 – It is showing the events BUT it is NOT showing todays events and instead shows some of tomorrows events and the one of next day. I have 4 events today…why is it not pulling in the correct events. You can see that I have them programed into my calendar on the month view.

2- It is displaying the list view with the H1 tags and I need it to display a different tag because it is too big, i.e. H4 or H5 tag. How do I change this?

3 – on my program pages, I want to show the list view by category with a limit of 4 but I do NOT want it to show the image. It only gives me the cover image or auto image option, I cannot select NONE.
This short code should work: [tribe_events_list category=”youth-martial-arts” limit=”4″] — what do code to not show the image on the list view?…the default is showing the calendar icon (I do not want to show that either)…just a simple list

[Geoff]

Hi Kim,

Welcome to the forums! Let’s dig into your questions. 🙂

1 – It is showing the events BUT it is NOT showing todays events and instead shows some of tomorrows events and the one of next day. I have 4 events today…why is it not pulling in the correct events.

Are the events in progress? For example, are the events that are scheduled for today but not displaying on the calendar currently between the start and end time of the event? If so, both the calendar and the widget recognizes in progress events as past events and they will not be displayed in the upcoming events lists.

2- It is displaying the list view with the H1 tags and I need it to display a different tag because it is too big, i.e. H4 or H5 tag. How do I change this?

You have a couple of options here. One would be to use CSS to change the font size using something like this in either your theme’s style.css file or the Appearance > Customize > Advanced CSS screen:

.tribe-mini-calendar-event h2 {
font-size: 30px !important; /* or whatever size you would like */
}

Another option is to override the template file for the widget and change the H2 tag to another heading size. To do that:

• Make a copy of the template: /wp-content/plugins/events-calendar-pro/src/views/pro/widgets/modules/single-event.php
• Make a new folder in your theme called tribe-events (this may already exist)
• Make a new folder in that one called pro
• Make a new folder in that one called widgets
• Make a new folder in that one called modules
• Place your copied single-event.php file in that last folder

Now that the template is in your theme, it can be modified to suit you needs. In this case, change these lines:

<h2 class="tribe-events-title">
<a href="<?php echo esc_url( tribe_get_event_link() ); ?>" rel="bookmark"><?php the_title(); ?></a>
</h2>

…to use the heading tag of your choice.

3 – on my program pages, I want to show the list view by category with a limit of 4 but I do NOT want it to show the image. It only gives me the cover image or auto image option, I cannot select NONE.

If I’m understanding correctly, then you might need to use CSS to hide those images because the shortcode does not provide a variable to hide them. If you have an example you can link me to, I’d be happy to see if I can write up a snippet for you.

Cheers!
Geoff

[Kim]

Ok for the first question – no the event was not in progress. It was just not showing. I will keep watching it to see if the error happens again

2- I am not actually using the mini-calendar but the events widget (within the Theme Fusion builder) and selecting which category of events I want to show. I am a novice on css modification, so is there another way this can be fixed?
I dont think this page is actually using the mini-calendar-event…
Here is a link to the page http://www.omegamartialarts.com/ (the event listing is about halfway down the page)

3 – Here is a link to how it is set up now. As you can see the event image is really messing this page up

Youth Martial Arts

If you could write something to show these upcoming classes with out that image I think the page would look much nicer.

Thank you for the speedy response!!!

[Geoff]

Hi Kim, thanks for following up!

Definitely keep us posted on events not displaying the widget and in the event list — that is something we’d love to see in action, if possible.

2- I am not actually using the mini-calendar but the events widget (within the Theme Fusion builder) and selecting which category of events I want to show.

I can’t speak directly to how Theme Fusion has customized our plugins, but either of the methods I shared should do the trick, whether it’s modifying the template file or adding the CSS to the theme’s stylesheet. Those are the two most straightforward ways I can think of, but let me know if I can clarify any of the instructions I posted in my last reply and I’d be happy to. 🙂

3 – Here is a link to how it is set up now. As yocan see the event image is really messing this page up
If you could write something to show these upcoming classes with out that image I think the page would look much nicer.

This CSS will remove the image:

.fusion-events-thumbnail {
display: none;
}

However, I think you might be more interested in removing the entire sidebar and that is something Avada has added as a customization to the event page layout. To be honest, I am probably not the best person to advise on how to revert customizations from the theme developer and I would suggest reaching out to them for more guidance, but you should be able to locate the customized template in the theme folder at: /tribe-events/single-event.php and make changes from there to remove the sidebar. I want to be super sensitive about my recommendation though because I’m not familiar with the exact code used to customize the template, but Theme Fusion would be much more able to navigate through it with solid recommendations.

Cheers!
Geoff

[Kim]

For the third item – I do not want to remove the side bar. I have set up the upcoming events to display in a column on my page.

I am using this short code to display the upcoming events: [tribe_events_list category=”” limit=”4″]
This is placed in a text block within a column. Where do I put the CSS?

.fusion-events-thumbnail {
display: none;
}

[Geoff]

Howdy Kim! Hope you’re doing well today. 🙂

This is placed in a text block within a column. Where do I put the CSS?

You can place that code in either the theme stylesheet, or by heading to Appearance > Customize > Advanced CSS.

Let me know if you have any trouble locating where to place the CSS and I’d be happy to help as best I can!

Cheers,
Geoff

[Kim]

For the #2 item – placing the CSS on Appearance > Customize > Advanced CSS and worked to fix the Heading style perfect

For the #3 item – The image did not remove. I think it is because the code you sent says “fusion” not “tribe”??
**I only want the image to be removed from the LIST of events, not from the single event page.**

So for the below page, I have the events in a column and there are limited options (see attached example pic). Can I place in code in the wrapping HTML boxes at the bottom of this example to remove the image?

I have also tried just using a text box in the column with the short code: [tribe_events_list category=”kid-kickers” limit=”1″]…tried adding image=”none” with that short code and it does not work either.

Kid Kickers

[Geoff]

Hi Kim,

Yay, so glad to hear the font size for the headings worked!

Try this for removing the image, again, in Appearance > Customize > Advanced CSS:

.fusion-events-shortcode .fusion-events-thumbnail {
display: none;
}

The “fusion” in there is due to the fact that Theme Fusion, the author of the theme, customized The Events Calendar with its own code. I may end up recommending reaching out to them for further guidance on styling if I continue to miss the mark here because they would indeed be much more familiar they used to customize events. 🙂

Cheers!
Geoff

[Kim]

This reply is private.

• This reply was modified 9 years, 3 months ago by Kim.

[Geoff]

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