Event display adjustments

[wmglennosborne]

I just installed The Events Calendar plugin and then upgraded to PRO. While I like having the additional feature to export events to google calendars and iCal, the addition of those buttons has forced the display of the other information below the picture that I wish to include at the beginning of the event description. Before I upgraded to PRO, the information about details and so forth began immediately after the text I entered (before the image ended) – at least that’s what I recall. Can I move those buttons to after the other event information?

Also I’d like to change the size of the google map that appears. It effectively goes off the right side of the page. How can I set it so that all the info appears in the “normal” width of my website?
My first event is posted here: http://wmglennosborne.com/event/mozart-requiem/

[Rob]

Hey wmglennosborne. Thanks for the note here, and apologies that we’ve taken longer than normal to get you a reply on this end. If I understand what you’re going for vis a vis the Google Calendar/iCal buttons, this solution from our former support guru Jonah should help get you sorted: https://theeventscalendar.com/support/forums/topic/page-layout-problem/#post-53460. Let me know if that isn’t the solution to your problem though.

Regarding the map itself: the google map now displays at 100% the width of its container, so depending on which map display you’d like to have full-width, you can change the width of its container and the map will follow suit. If you’d like help getting started, you could let me know which map you’d like to be full width and I can do my best to point you in the right direction.

That help? Feel free to reach out if not, or if you have other questions. Thanks for your patience so far.

[wmglennosborne]

Thanks, Rob for the help. I have the button issue resolved now thanks to the code you pointed me to. I think what I’m looking to change with the map is the size of the container. Where are the settings for the size of the map container? I’m still new at this html/php/css coding so tried looking in a couple of files but couldn’t find anything that looked like what I need to adjust.

[Steve LaBadie]

I do not see any option under Settings to change the map/container size.

[Rob]

Hey wmglennosborne + Steve! Thanks for the follow-ups. This is indeed not a setting, but rather something within the plugin files themselves. As this is getting a bit outside my area of expertise I’m going to ask our developer Kyle to follow-up to try and point you both in the right direction tomorrow.

[Kyle]

Hi Steve,

Which map would you like to resize (single event view, venue view, map view)? I can try to offer you some sample CSS to resize that.

Cheers,
Kyle

[Steve LaBadie]

The map that appears on the detail page for the event.

[Kyle]

Hey wmglennosborne,

Looks like your theme isn’t supporting the body_class() function, so some styles aren’t being applied. Try putting this in your theme:

.tribe-events-venue-map {
width: 58%;
margin: 20px 4% 2% 0;
padding: 5px;
float: right;
background: #EEE;
border: 1px solid #DDD;
border-radius: 3px;
display: inline-block;
zoom: 1;
vertical-align: top;
}

Steve, this is the default styling for the venue map: http://kunzi.me/6cNm

If you added a file called “tribe-events.css” in a folder called “tribe-events” inside your theme, you can add that code and tweak the values to what you are looking for, particularly the width, and your map should follow suit. For instance, here is the default: http://kunzi.me/OtHv and here it is after I changed the width to 40%: http://kunzi.me/LXvG

Cheers,
Kyle

[wmglennosborne]

Kyle,
Thanks for the code! The maps are much better now.
Glenn

[Rob]

Glad to hear this got you sorted, wmglennosborne! Thanks so much for confirming. Let us know if you need anything else in the future and we’ll do our best to help you out.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts