List Widget styling

[Christophe]

The List Widget has the correct Events Calendar style on event pages, but it defaults to theme style on other pages. Is there a configuration setting that i missed somewhere? Thank you.

[Geoff B.]

Good afternoon Christophe and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the lack of uniformity between the styles of the sidebar on your installation. I would love to help you with this topic.

First, just to clarify, could you tell me which of these 2 styles is the correct one for you:

1. http://en.angsbacka.se/events/
2. http://en.angsbacka.se/event/deep-union-couples-tantra/

My guess is number 2, but I might be wrong.

In any case, what is going on is that you have a special set of CSS rules that impact single events only. Here is an example:

body.has-sidebar.single-tribe_events #main .sidebar {
width: 20%;
}

As you can see, the .single-tribe_events means it will only apply to single events.
Depending on your answer to my question, you might want to:

1. Remove these special rules (if the answer is #1)
2. Replace all these specific CSS rules from body.has-sidebar.single-tribe_events to body.tribe-events-style-full  or better yet with just body.has-sidebar (if the answer is #2)

Let me know if that helps.

Have a great day!

Geoff B.

[Christophe]

Thank you for this Geoff. We want the Events Calendar style, that is the style here: http://en.angsbacka.se/event/deep-union-couples-tantra/

We use Avada and set our styling in Avada -> Theme Options -> Events Calendar -> Events Single Posts
Indeed, i see that we’re editing settings inside ‘Events Single Posts’

Does this mean that Events Calendar through Avada does not offer global settings for the List Widget?

[Geoff B.]

Good evening Christophe,

Thank you for writing back and for those follow-up questions.

What is going on is that Avada offers custom styling of the sidebar for single events through it’s custom the Events Calendar styling interface (found in Avada > Theme options > the Events Calendar).

This helps you style the sidebar in the single event view.
However, these added CSS rules are not ported to the other views.

This is why the sidebars look different.

The solution would be to look through Avada’s style.css file for every rule that contains body.has-sidebar.single-tribe_events

Once that is done, we want to make those rules applicable to other views by simply copying them over to your Custom CSS section and by removing the .single-tribe_events from the rule.

The resulting rule should look like this

body.has-sidebar #main .sidebar {
width: 20%;
}

Let me know if that helps.

Have a great day!

Geoff B.

 

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts