CSS Elements

[cybersprout]

I’ve been successful changing the font color of every other element in the Events Calendar except these ones:

div.event-is-recurring
span.author.fn.org
h2.tribe-events-list-event-title.summary

Also, I’m trying to change the background color to gray for all of the event wrappers on the following page (staging site) and I can’t seem to find them all: http://staging.mixed-degree.flywheelsites.com/events/today/

I event tried adding the “!important” attribute with no luck. Any suggestions are much appreciated!

[George]

Hey Rachel,

Sorry you’ve been having troubles. I’m curious about a few things:

1. How exactly are you adding your custom CSS? It seems like you might be using some customization feature of the Headway theme, is that correct?

2. Do you have caching enabled in any way on your site – either by your web host, by a plugin, etc. anything at all? If so: disable it while you try customizing things.

3. .event-is-recurring works fine for me – though kinda ugly, I tried out an orange background and white text on this class and it works, here’s a screenshot → https://cloudup.com/cUoSTPdciqr:

4. As for span.author.fn.org, the elements within The Events Calendar with this class aren’t spans, but Definitions, so try dd.author.fn.org instead.

5. Instead of h2.tribe-events-list-event-title.summary, try h2.tribe-events-list-event-title.entry-title.

–––––

Okay, so the above questions should get our attention first, but in the meantime, can you clarify exactly what you mean by changing the background color to gray for “all of the event wrappers”? I’m just not 100% certain what you mean here.

Thanks!
George

[cybersprout]

Thanks for the reply!

1. Some of the styles are from the Headway customizer, but the styles for the Events Calendar has to be manually entered into the CSS sheet because it doesn’t reside on a page.

2. Caching is enabled with host and can’t be shut off. However, I did flush the cache several times.

3. I just tried the .event-is-recurring {color:white !important;} again and it worked. Not sure what was the deal but I won’t argue with a good result 😉

I added an orange background to make elements that are giving me trouble stand out. For some reason changing the background works but not the text color:
http://staging.mixed-degree.flywheelsites.com/events/
http://staging.mixed-degree.flywheelsites.com/events/today/

The only ones I couldn’t change the background on are these:

.tribe-events-day-time-slot
.tribe-events-sub-nav (worked on the top nav bar but not the bottom one)

Thanks a ton for the help!

[George]

Thanks for the update Rachel.

For items where you’re unable to change the background color, it could be caching again that is preventing these updates (for which resetting the cache might help), or adding !important to those rules might help.

Best of luck with these customizations!

— George

[Author]

Posts