Modern events calendar in masonry mode

Hi, i have an issue when i usse the masonry mode to display the month’s events some of them have not only a image and a title, it have a body content and in the masonry view are displayed the body content, there is any way to hide this content.

I thougth that the “View Details” button will hide this content but no.

And i use this in other language and want to translate some words that are still in english as the google maps "Get Directions"button and the “All” and “events” title in the masonry list.

I looked in the MEC support forum but i don’t see a similar question.

Thanks in advance for your help.

Regards

Joe

Hi Joe,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

Thank you.

Hi, the url is: http://www.kolareal.com.do/kolareal/experiencias/

Hey There,

Thanks for providing the url of the page in questioned. To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.mec-event-description.mec-events-content {
    display: none;
}

Hope this helps. Please let us know how it goes.

Thank you so much, this make the trick, now i need to change the language to some words in the MEC. some advice about it?.

Hi there,

You’re most welcome!

As for the translation, how did you translate your other strings? It should be translatable in the same way. For the meantime, you can do a quick workaround by adding this code to your global custom javascript.

jQuery('[data-filter="*"]').html('ALL EVENTS');

Just replace the word with your preferred one. About the wording in google map, would you mind providing a sample map? It should be handled like this https://developers.google.com/maps/documentation/javascript/localization. Or is it the MEC map? I checked mine and it loads the correct language.

Thanks!

This is an event with a map:
http://www.kolareal.com.do/kolareal/events/stay-classy-pool-party/

Bellow the map is a “Get directions” button that i want to translate to spanish.

Hi,

To translate it, you can try adding this in your child theme’s functions.php file.

add_filter( 'gettext', 'change_texts', 20, 3 );

function change_texts( $translated_text, $text, $domain ) {

    if ($translated_text === 'Get Directions') $translated_text = 'Obtener direcciones';

    return $translated_text;
}

Hope that helps.

Thanks, that helps, the last one issue that i have with MEC is the social share widget, there is any way to add instagram to this? or is not possible?

Regards,

Joe

Hi Joe,

To add the instagram icon, please add the following code under functions.php file locates in your child theme:

add_filter('mec_social_networks', 'x_add_instagram_mec');
function x_add_instagram_mec($socials){
	$socials['instagram'] = array(
		'id'       =>'instagram', 
		'name'     =>__('Instagram', 'mec'), 
		'function' => 'x_mec_instagram'
	);
	return $socials;
}
function x_mec_instagram(){
	return '<li class="mec-event-social-icon"><a class="instagram" href="http://www.instagram.com/youraccount"><i class="mec-fa-instagram"></i></a></li>';
}

Hope it helps :slight_smile:

It helps. thank you so much, can close this topic as solved.

Regards

Joe

1 Like

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.