Formatting on the event page

[Julia]

Hi,

I’m currently setting up our WordPress page and we just purchased The Events Calendar PRO. We seem to be having a little issue with formatting, which I assume is due to some discrepancy with our theme and/or with the German translation of the plugin.

Please see attached image. The issue is concerning the position of the category (Veranstaltungskategorie) link.

I have tried switching between the styles in the Events Calendar settings and I also tried switching the templates, but neither seems to have any effect on this particular issue. I’m not completely uncomfortable with using some CSS and editing HTML, but I’m not too familiar with where exactly I can effectively change this positioning. Could you please give me some tips and/or instructions how I might remedy this situation? Would it be as simple as shortening the word? While “Veranstaltungskategorie” (Event category) is nice to distinguish it from blog categories, I don’t mind too much if it just says “Kategorie”. So far I haven’t found where to make this change though.

Thanks and kind regards

Julia

[Cliff]

Hi Julia. Thanks for the screenshot.

If you’re referring to the very long German word being displayed over the word “Workshop”, that would be due to the CSS not accommodating for a such a longer word there.

If you provide me a link to your site, I could provide you some CSS code if you didn’t want to do it yourself.

FYI: we also have these resources available if you prefer to just change the word:

• Change the wording of any bit of text or string
• How to Override Plugin Language Files

[Julia]

Yes, as I said, I’m referring to the word “Veranstaltungskategorie” (Event category).

However, I have found that your standard templates don’t display the links next to the label on the right, eg. the actual category link next to the label “category”, but under it (see attachment). And I think this is what is meant to happen here as well. From this point of view, does the length of the label (here “Veranstaltungskategorie” [Event category]) really matter?

Unfortunately I can’t give you access to our site as it’s part of our company’s intranet, so it’s a pretty secure internal WordPress site only.

Anyway, I followed the instructions here: https://theeventscalendar.com/knowledgebase/change-the-wording-of-any-bit-of-text-or-string/

And I added this code

$custom_text = array(
‘Veranstaltungskategorie’ => ‘Kategorie’
);

to functions.php but it did nothing.

Could you help me with any other instructions please?

[Cliff]

Good catch.

Could you please provide me a link to download the theme you’re using (and that you’re using the latest version of it)?

Also, regarding that code snippet, you have to expand the code snippet at the bottom of that help article for the full snippet.

[Julia]

Hi, we are using this theme: http://themeforest.net/item/urban-mag-news-magazine-wordpress-theme/10265679?s_rank=18

The creators are called Goodlayers. Should I contact their support for any specific info?

[Cliff]

Thank you for that information.

Please follow our Testing for Conflicts Guide (switch to a WordPress default theme like TwentySixteen) and see if that helps narrow down the cause of this.

Let us know what you find out.

Thanks.

[Julia]

When I switch to twenty sixteen the plugins look just fine. Would you recommend for me to get in touch with the theme creators instead?

[Cliff]

Thanks for confirming that.

If you provide me a link to one of your events, I could probably determine why it’s happening and how to fix it via CSS.

[Julia]

I would love to provide you a link. However, everything is internal and not available outside of our company. We have very tight security settings, unfortunately. Is there anything I could provide you that would help, other than a direct link to our page?

[Julia]

It would be a bit naughty, but I could probably send you our theme. You could use it on a WordPress installation and see for yourself. I really didn’t do much with the page yet and I didn’t alter the theme or any code at all so far.

It’s not my style to just pass on purchased files and I’d have to rely on you only using it for testing purposes. But it’s the only solution I can think of so far.

[Cliff]

Sending me your theme .zip isn’t naughty at all. All publicly-distributed (e.g. sold to the public) WordPress themes’ code is open-source and I’m just providing you support for it anyway.

If you want to, you can send it and I can give it a quick spin, but if there’s a lot of theme setup to do, I won’t be able to go that deep into it… which is why it’s always easier if I can just see your site. However, I understand the situation.

If you want to setup temporary credentials for me that you can delete once this thread is completed, that’s fine too.

Just let me know how I can best help you here. 🙂

[Julia]

This reply is private.

[Cliff]

1)

I tried out the theme and noticed this WP_DEBUG message at /events:

Notice: Undefined property: WP_Error::$slug in /wp-content/themes/urbanmag/header-title.php on line <i>106</i>

I’d definitely report that to the theme developer.

2)

Your Single Event Details styling issue is from Line 84 of /wp-content/themes/urbanmag/style.css

dt {float:left;width: 30%;clear: left;margin-bottom: 12px;}

You can add this custom CSS to correct the issue (before / after)

.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
float:none;
width: initial;
margin-bottom: initial;
}

3)

Here’s some CSS to fix your Month View styling issue (before / after):

.tribe-events-tooltip .tribe-event-description {
text-align: left;
margin-top: 3%;
}

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.

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

[Julia]

That’s great, thank you for all this feedback, I was able to solve the issues now.

I’ve been meaning to check out Jetpack in more detail as I keep reading that it’s useful in many ways, but my job as a digital content producer is quite comprehensive, so I do a million things at once. Hard to set priorities sometimes.

Is there anything I can do to show my gratitude for your amazing support? Would it be useful to give you a shout on Twitter or anything else?

[Cliff]

Thanks for your gratitude. If you’d like to publicly share some nice words, we’d love a 5-star review on WordPress.org and/or a sweet Tweet!

[Author]

Posts