List View Month Separator styling question

[b.saravia]

When displaying list view as an alternative while the Month view bugs get fixed, this white bar appears above each month’s events. Not too sure where the color is pulling from as it doesn’t appear to be from the site’s theme. Can someone point me in a direction where to adjust the color?

[Courtney]

Hi Jin

It’s a bit hard without a link to the live site to troubleshoot this. I’m using https://wpshindig.com/events/list/ as an example to get the css code for you instead.

Can you add the following code to your child theme, or in Appearance » Customize » Additional CSS?

.tribe-events-list-separator-month span {
    background-color: #000;
    color: #fff;
}

Let me know if that works for you.

Thanks
Courtney 🙂

[b.saravia]

This reply is private.

[Courtney]

Hey Jin

On your home page I tested out the code and could see the background as black and text as white.

Here’s the complete code tested on the front of your site:

.tribe-events-list-separator-month span {
    background-color: #000 !important;
    color: #fff !important;
}
.tribe-events-loop .tribe-events-event-meta {
    background-color: #000 !important;
    Background: #000 !important;
    color: #fff !important;
    border: 0 !important;
}

You can test out removing the !important tag as well as matching up the precise colors.

Thanks
Courtney 🙂

[b.saravia]

Courtney,

Thank you so much! That seems to have did the trick.

[Courtney]

Great! I’ll close out this thread for now, but do let us know if you run into other issues.

Thanks
Courtney 🙂

[Author]

Posts