Editing Date Font & Changing Related Topics

[Daniel Villota]

Good evening,

I have just added your calendar pro plugin to our site. http://www.e-table.asia/event/all-you-can-eat-bbq-night/

I have a few questions:
1. How can I set so that the date font is small than the Name of the event
2. How can I remove the side bar of the individual events
3. How to edit the map to be in the correct area.

Looking forward to hearing from you.

[Cliff]

Hi Susan. Thanks for the link; it always helps.

Normally we don’t provide styling customizations, but here’s some quick help for individual events (e.g. http://www.e-table.asia/event/all-you-can-eat-bbq-night/2015-12-07/)

1) The Date’s font-size is 36px, which is coming from /wp-content/uploads/wp-less/dt-the7/css/custom-5cc4a2a8ce.css?ver=2.2.0

h2,
.h2-size,
.entry-title.h2-size,
h1.entry-title {
color: #dd0000;
font: normal normal 600 36px / 42px "Raleway", Helvetica, Arial, Verdana, sans-serif;
text-transform: none;
}

I’m not sure if you added this, since it’s from ‘wp-less’ and has ‘custom’ in the file name, but you might want to edit it if it is from your own customizations.

If you don’t know how/why this styling is working, you could choose to add new styling, such as:

.tribe-events-schedule h2 {
font-size: 16px;
}

Currently, your event title is 33px (from our plugin’s CSS) so setting the above to 16px or something else smaller than 33px should work for you (assuming you choose not to edit the ‘wp-less’ / ‘custom’ styling).

2) You can reference https://theeventscalendar.com/knowledgebase/tec-with-jetpack/ for widget visibility.

3) I’m not sure exactly what you’re wanting the Google Map to look like, but here’s some CSS that might help you figure out how to get it how you want it:

.tribe-events-meta-group {
max-width: 25%;
}
.tribe-events-meta-group-gmap {
min-width: 50%;
}

 

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors. (Or use the ‘wp-less’ one you seem to already be using.)

For more in-depth customizations, you can reference our Themer’s Guide.

 

I hope this helps. Please let me know how things go for you.

[Daniel Villota]

Good morning,

Thank you so much for the support I have sorted everything out except one
thing:

I can’t seem to get the map of the venue in the right location please
advice.

Best Regards,

Susan Borvornpotsakul

[Cliff]

Susan, please explain exactly what you’re considering the “right location” of the venue map.

[Daniel Villota]

The maps of the venue are in the wrong location. It is marked in the wrong places for all of the venues. How can I edit the marker to be in the exact location I need it to be?

[Cliff]

Oh, sorry I misunderstood. You weren’t asking about the ‘display location’ of the map on the single events page.

You are saying the venue is mapped incorrectly.

You’ll want to make sure you enter the venue’s details accurately, just how Google Maps’ website displays it.

If you don’t want to do that or it’s still not working for you for some reason, you do have the option to manually enter latitude/longitude information:

Please let me know how things go for you.

[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