Event Title Not Showing When Using Short Code Since The Last Update

[Gary]

Hi,

Since the last update the Event Title is now missing from my home page.

I am using short code

[tribe_events
view=”map”]

to display the map on the home page.

When you view the events on the normal url they seem to show ok

http://67.225.189.47/~quicksafepass/events/

Also when I am using the shot code to display the map on the home page of some reason it is displaying the map at the top of the page even though there is a container above the map on the site builder which should show first.

Your help would be much appreciated

regards

Gary

[Nico]

Hi there Gary,

Thanks for getting in touch with us and sorry to hear about this issue!

I’m afraid we might be facing an issue with the builder you are using + the shortcode. Can you please let me know if the same occurs when you place the same shortcode in a page? If the same is happening, 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.

I’ve running some tests and couldn’t reproduce the issue in my local site (hence my guess of the builder conflict).

Please let me know about it,
Best,
Nico

[Gary]

Hi Nico

Thank you for your help.

I do not think it is a problem with the builder as I am using Avada Theme with Fussion Builder which I was assure was fully compatible with your plug in’s

The other thing to mention is the problem with the event title not showing has only become an issue since I updated your plug in’s yesterday….before that everything on the title issue was ok.

The problem with the map was showing above everything else has been there form day one

I have tried using the short code on a normal page without the page builder as you suggested and it is still the same.

However, when I go in to the event calendar settings….display tab and change the default style sheet to Skeleton Styles it solves the problem…..if I try to use either of the other 2 setting the problem returns.

As I say this has only been a problem since the plug in update.

Please can you advise what we can do to fix it as I would like to use the Tribe events style sheet for my home page.

Kind regards

gary

[Nico]

Thanks for following up Gary!

The culprit of the event title not showing is actually a CSS rule coming from Avada stylesheet (handle: avada-dynamic-css-css – URL:…/wp-content/uploads/avada-styles/avada-5.css?timestamp=1484200758&ver=5.0.6). The rule is the following:

.fusion-modal .modal-title, .fusion-modal h3, .fusion-widget-area h3, .post-content h3, .project-content h3, .single-tribe_events .fusion-events-featured-image .fusion-events-single-title-content .tribe-events-schedule h3, .single-tribe_events .fusion-events-featured-image .recurringinfo .event-is-recurring, .single-tribe_events .fusion-events-featured-image .recurringinfo .tribe-events-cost, .single-tribe_events .fusion-events-featured-image .recurringinfo .tribe-events-divider, .single-tribe_events .fusion-events-featured-image .tribe-events-cost, .single-tribe_events .fusion-events-featured-image .tribe-events-divider, .woocommerce-container .product-title, p.demo_store {
font-size: 0px;
}

Can you please report this issue to the Avada folks? It seems to be a style conflict.

Regarding the positioning of the map, that part of the code displaying at the top of the page is stored in a different template part which for some reason is being inserted before the rest of the code. The easier solution is to move that into the right place with a JS snippet:

/* Tribe, fix map placement via shortcode */
function tribe_fix_front_page_map() {
// bail if not in the front page
if ( ! is_front_page() ) return;
// insert snippet to change the map location
?>
<script type="text/javascript" >
jQuery(document).ready( function ($) {
if ( $('#tribe-geo-map-wrapper').length ) {
$('#tribe-geo-map-wrapper').prependTo("#tribe-events");
}
});
</script>
<?php
}
add_action('wp_head', 'tribe_fix_front_page_map');


Can you please let me know what version of Avada you are using? I’d like to reproduce the issue of the map placement in the builder to log it.

Thanks,
Nico

[Gary]

Hi Nico

Thank you for your help.

I have emailed the support team at Avada as requested…I am using Avada version… 5.0.6 the latest version

With regards to the code for the map you have supplied where do I put it?

I tried adding the code to the css tab on avada theme options but it did nothing

regards

Gary

[Nico]

Thanks for doing so Gary!

Sorry for not mentioning it. The code supplied should be place in your theme’s (or child theme’s) functions.php file.

Please let me know if it works for you there,
Best,
Nico

[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