Styles got messed up after latest update

@snake-plissken

Thank you for reaching out!
Yikes! I can only imagine how frustrating that can be.

I am sure we can find a way to restore your hard work.
I have a couple of questions for you to help do just that (just make sure that you tag me in the reply so that I can see it):

• Which version were you at before updating?
• Have you also updated from “legacy” (aka V1) views?
• Is the issue in all the views or mostly on the single event view?

Hang in there!
Geoff

Hi there,
I updated just from the “latest” version before the current one. I was able to figure most of the styling out by adding “!important” to my added changes. I don’t know if this is the right way to do it or not. I am not a coder in any way.

I actually reverted back to V1 views as V2 views were just horrible. Especially on big screens. Seems like V2 is only optimized for mobile devices.

For example, the map which can be displayed for the event venue is a tiny little square and the rest of the screen is empty. It “rearranges” itself on smaller screens and get wider, but if you have a big screen (4k) its just a tiny square.
Is there a way to fix this so I can actually go to v2?
I reverted back to V1 via changes in the config.php of WordPress.

There is another open post by me here on how to change the “search symbols” color. I wasn’t able to get that to work…
https://www.ads-software.com/support/topic/cant-find-css-style-for-search-button-in-mobile-view/#post-14423352

Other than that, I don’t really know what the main differences are between v1 and v2. sorry for that.

• This reply was modified 3 years, 5 months ago by Snake-Plissken.
• This reply was modified 3 years, 5 months ago by Snake-Plissken.

Update:

I think I was finally able to figure everything out and get it to where it should be. I might have missed some smaller parts. Still testing.

Now I am curious what the difference between v1 and v2 is? Is there any difference other than in the actual event detail view?

Hi Snake-Plissken
Thanks for your updates. Glad you were able to figure out the styling for your site.

Here are the release notes from the major release with the new views and a list of the features.

The updated calendar views provide a more modern design, mobile-responsiveness, and match current WordPress standards.

Thanks
Rob
TEC

The mobile styles are for sure true but i guess they focused to much on mobile and overlooked desktop.

The map is my main issue. It becomes a super small time square on high resolution screens. If that can be fixed i am happy to change to V2. V1 still has pretty good responsiveness. I don’t know at what resolution it happens but at 4k it’s for sure a problem. So much dead space and a tiny tiny map. Not user friendly.

Hi there,
Thanks for the feedback, we do welcome it.

We have an article on How To Change The Map Size.

Note the v2 templates start here: events-pro/src/views/v2/map/map.php

And the single event, try wp-content/plugins/the-events-calendar/src/views/modules/meta/map.php

The styles are in the-events-calendar/src/resources/postcss/views/skeleton/_single-event.pcss (look for .tribe-events-venue-map)

I hope that helps guide you in the right direction.

Thanks
Rob
TEC

Hey there! This thread has been inactive for a while so we’re going to go ahead and mark it Resolved. Please feel free to open a new thread if any other questions come up and we’d be happy to help.