Custom CSS doesn't work when viewing next/previous months

[Steve]

Basically, I’m having trouble with CSS rules on subsequent months. I’ll set them and they will work for the current page, but will not load properly when I click the next month.

Thanks for any insight on how to ensure CSS rules work on these AJAX page loads.

[Brian]

Hi,

Sorry for the issues you are having. I can help troubleshoot this with you.

Can you provide the css you are using to change the links and where you have placed it and I will see about getting it to work on my test site.

Thanks

[Steve]

Here’s the specific rule:

.tribe-events-calendar .tribe_events:not(.tribe-recurring-event) {
background: #f4d575 none repeat scroll 0 0;
}

• This reply was modified 10 years, 2 months ago by Steve.

[Brian]

So not sure why this is the case, but the tribe_events class is not included in the events class after the ajax call so that is why the css is not working there.

I got this to work instead:

.tribe-events-calendar .type-tribe_events:not(.tribe-recurring-event) {
background: #f4d575 none repeat scroll 0 0;
}

Does that work for you as well?

[Steve]

looks like it worked! would love to know more about why that class doesn’t repeat, though I expect that’s something to take up with the developers. Thanks.

[Brian]

Great, glad it helps, I am going to go ahead and close this ticket, but if you need help on this or something else please post a new ticket.

Thanks!

[Author]

Posts