weird color on some of the Organizer pages

[LaVonne Ewing]

Most of my organizer pages look good, but this one has a really bad blue color in the background (see screenshots).
1) why would some organizer pages be good but not all?
2) how do I remove this blue?
I tried creating a new organizer, assigning events to this organizer. It looked good for 3 events, but not when I added the 4. But it can’t be the number of events assigned to an organizer, since another organizer with 4 events looks fine.

[Andras]

Hi Lavonne,

Thanks for reaching out! That’s a weird issue, let me to help you with this.

I took a quick look at your site. It looks like the featured events get a blue background.

Check if you find a setting for this in your theme settings.

If you don’t find anything, then you can change the background color of featured events with this snippet, just copy it in your theme’s (preferably child theme’s) style.css file or add it under Appearance > Customize  > Additional CSS

.tribe-events-list .tribe-events-loop .tribe-event-featured {
background-color: unset;
}

If you want a specific color, then change “unset” to the color code.

If it does not want to work then add “!important” after the color code, like this:

background-color: #ffffff !important;

Let me know if this helps.

Cheers,
Andras

[LaVonne Ewing]

That fixed the background color. (In my Avada theme, I added that code to the Custom CSS under Theme Options, and had to include: background-color: #ffffff !important;)

But it leaves the event title font as black (instead of white) and the price background as purple (instead of the gold color).

Is there an easy way to disable/change these color attributes of Feature Events in the List view? The Avada theme does not have controls for this.
Thank you!

[Andras]

Hi,

You can add this for the price background:

.tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost span {
background-color: #fcd47e;
}

And this for the title:

#tribe-events-content.tribe-events-list .tribe-events-loop .tribe-event-featured [class*="-event-title"] a {
color: #ffffff;
}

(They might need the ‘!important’.)

I believe what you see are default setting in our calendar stylesheet and this is the way to customize them. There are no settings for this.

Does this do the trick?

Andras

[LaVonne Ewing]

This worked great! Now I can enable the LIST view, and the Organizer pages look good with featured events.

Last request for this ticket: Do you also have a snippet that will make the date/time bold, in the featured events (list view)? Then it will match the non-featured events.

Thanks!!

[Andras]

Hi,

This should give you the final touches for that box. 🙂

 

/* making it bold and proper color */
.tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-meta {
font-weight: 700;
color: #747474;
}
/* making the 'Recurring event' proper color */
.tribe-event-featured .event-is-recurring, .tribe-event-featured .event-is-recurring a {
color: #03a9f4 !important;
}
/* making the 'Recurring event' proper color on hover*/
.tribe-event-featured .event-is-recurring:hover, .tribe-event-featured .event-is-recurring a:hover {
color: #7c51a0 !important;
}

Cheers,
Andras

[LaVonne Ewing]

Excellent. Thanks!!
Just curious, do some themes provide settings for this?

[Andras]

Ha LaVonne,

Happy to hear it helped.

There might be some themes which do, I’m not quite sure. There are a number of themes out there which integrate well with our plugins, though I don’t know their detailed settings. We have an article that gives you a nice roundup. Hope this helps.

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please create a new ticket and we’ll be happy to help.

Cheers,
Andras

PS: If you like our plugins, and you didn’t yet do so 🙂 we would be happy to receive a review in the wordpress.org repository. Thanks!
https://wordpress.org/support/view/plugin-reviews/the-events-calendar/
https://wordpress.org/support/view/plugin-reviews/event-tickets/

PS2: We’d be also grateful if you would give us feedback on your satisfaction with support. Just click on one of the classy looking emojis below. 🙂 If you can spare a few words, that’s even better. Doublethanks!

 

[Author]

Posts