Google Map Size

Hi Texan78,

Sounds like a cool idea! However, as outlined in our forum guidelines, we aren’t able to help with these kinds of customizations. But we do have some handy resources that might be helpful for you:

? Themer’s Guide – provides an overview of how to customize the plugin’s frontend appearance.
? Tutorials – useful tips and tricks for changing how the plugin looks and behaves.
? Technical Docs – provides an overview of the classes and functions in each plugin

Good luck, and thanks for using The Events Calendar!

~Leah

Thanks for that information. There is no link to the Technical Docs though. I think you might have misunderstood my question. I am not asking how to do it. I am a web developer and I am familiar with Google Maps so I know how to do it.

I am unable to locate the file that contains the class to change the map size. I can style it and customize it how I need it no problem. I just need to be able to change the map size and I can’t do that unless I can find where the file is that it is set in.

So my question is. Which file do I need to look in that contains the class for changing the map size? It is assigned CSS gmap3 but that class doesn’t exists in any of the CSS files nor is it hardcoded in the js file for the map itself. Could you offer some assistance on where I could locate this code being that you’re the plugin author you would know where this is located.

-Thanks

Howdy Texan78,

The width of that element can be set via CSS. By default it is loaded from tribe-events-full.min.css, from the following rule:
.single-tribe_events .tribe-events-venue-map{width:58%;...}

To change this you could simply add the following to your theme’s CSS file:
body .single-tribe_events .tribe-events-venue-map{ width:100%; }

I hope that helps get you pointed in the right direction. Cheers!

– Brook

It’s been a month, so in accordance with our forum guidelines I’m marking this thread resolved. Thanks for your support!

~Leah