[tribe_events] shortcode output has no styling

[modernearth]

Hi,

I tried adding the [tribe_events] shortcode on my page and it is loading up the calendar BUT it is not loading up the styles for The Events Calendar outputted by the shortcode.

I tried copying the contents of tribe-events-full.css and tribe-events-theme.css on separate occasions into the style.css file of my theme that I am building but for whatever reason it’s still not loading up the “Full” styling of TEC.

Is there any reason why this is happening? And how can I possibly fix it?

Thanks!

[Nico]

Hi there @modernearth,

Thanks for getting in touch with us! I can help you on this 🙂

First of all can you please let me know how you are using the shortcode? Any parameters? From what you describe I understand you are using it in a page. Can you please send me a link to it?

Also, Can you please follow the steps described in our Testing for conflicts guide? This way we can see if this is a problem in our plugin or a conflict with the theme or other installed plugins.

Please let me know about it,
Best,
Nico

[modernearth]

Hey Nico!

I am adding the shortcode in a template through PHP so the code that I have in is:

<?php echo do_shortcode('[tribe_events view="month" category="course"]'); ?>

The template is then applied to a page. The page is currently on a test site right now (its IP restricted) and I can get you access to it but I would need to ask for your computer’s IP address first (if that’s fine).

________________________________________________________

I have also not done the testing for conflicts process yet though I noticed a Google Map JS conflict on the Chrome dev tools console, I’m seeing that the Google Map JS code is being added twice by two different plugins (I would assume one of them is TEC) but the version that is seem to be added by TEC doesn’t have any API keys on it so I’d rather dequeue that lone script, is there any way to do that — it’s a Google Map conflict but maybe it can also miraculously fix this problem?

Thanks!
– Chris

[modernearth]

Hey Nico,

Quick update: I was able to solve the issue by adding <?php wp_footer(); ?> which was apparently missing from my code. The styling is now there and the calendar output by the shortcode is now outputting properly so I will be marking this reply as the correct answer.

Another question though, how do I change the title outputted by the shortcode? My code:

<?php echo do_shortcode('[tribe_events view="month" category="course"]'); ?>

is outputting the title “January 2017 > Courses” which is the Month > Category. How can I possibly just have it as “January 2017”???

Thanks!

[Nico]

Excellent Chris thanks for the update! Great work solving this 🙂

Here you’ll find a snippet to alter the title structure set by the calendar → Changing the browser title for calendar views

Please let me know if you are able to adapt the snippet to work for you,
Best,
Nico

[modernearth]

Hey Nico,

Sadly it’s still not changing and still says “Month” > “Category” (i.e. January 2017 > Courses) above the calendar, with Courses being the name of the event category that I used for the shortcode.

Aside from that to I am also getting a <title> tag error on the main events page that is using the default events template, I have Yoast SEO installed too, and on that page, the title tag is being outputted as the name of the very last event on the calendar (right now being Exam Markings) instead of Events Page or Upcoming Events. How can I fix this other problem?

• This reply was modified 9 years, 4 months ago by modernearth.

[Nico]

Sorry to hear about this Chris 🙁

Can you please try to temporarily disable Yoast SEO and see if that corrects the main event page title? Also let me know if that makes the title in the shortcode page work with the snippet.

Thanks,
Nico

[modernearth]

Hey Nico,

I deactivated Yoast and sadly the problem is still occuring for the Upcoming Events page that is using the default events template. For the other page in the site that I used a shortcode on, the error on the title tag isn’t happening and is instead showing the actual title of the page that I assigned to it which is good so I am thinking there could be something wrong with the Default Events template since Yoast is disabled already.

____________________________________________________________

Also about the title of the calendar outputted by the shortcode,

I decided to add a JQuery fix to remove the Courses from the title so that should be a good workaround for now unless you can give me a better solution for it.

The JQuery code that I added for it was this (I basically wrapped the “< Course” text in a span tag and targeted that span tag using JQuery and removed it using JQuery too).

$(".page-template-template-coursesbycalendar-php .tribe-events-page-title").wrapInner("<span class='course-text'></span>");
$(".course-text").remove();

Please let me know if you have any solutions about the error in the title tag as soon as you can.

Thanks alot!
– Chris

[modernearth]

Nico,

Can I have a follow up on this?

[Nico]

Hey Chris! Sorry for the delay in my reply. We are seeing a high flow of threads since the release of version 4.4 of the plugins and this means you might see some delay in our replies (hopefully not so much).

I deactivated Yoast and sadly the problem is still occuring for the Upcoming Events page that is using the default events template. For the other page in the site that I used a shortcode on, the error on the title tag isn’t happening and is instead showing the actual title of the page that I assigned to it which is good so I am thinking there could be something wrong with the Default Events template since Yoast is disabled already.

So, I’m a bit lost. This is what you get with Yoast disabled + the snippet I sent you? If that’s the case can you please show me the code you are using (in case you’ve adapted it), and send me a link to main events page in which you are still experimenting this issue?

The jquery workaround sounds good, although I hope we can find a more stable solution.

Please let me know about the above and I’ll continue to help you out,
Best,
Nico

[modernearth]

This reply is private.

[Nico]

This reply is private.

[modernearth]

This reply is private.

[Nico]

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