CSS theming hell.

[[email protected]]

Hi. Thank you to you helpful people in advance. My WP version is 4.1.8.

I am trying to do something that—I think—should be very simple. I’m just trying to change the colour of the ‘Export events to ical’ button that you can see at the bottom of the list view page (as well as others, I’m sure). Doing this is even one of the examples in the Knowledge base, however, it doesn’t work for me.

I have created a folder called ‘tribe-events’ with a folder called ‘Pro’ inside of it. In that folder I have placed a file called ‘tribe-events-pro.css’. The content of that file is:

#tribe-events .tribe-events-button {
background: #cc2e2e;
}

The ‘cc2e2e’ colour reference is a deep red (the default is a turquoise-ish colour).

I have tried adding the CSS above into the custom CSS editor in my theme’s settings. And now, I have uploaded this file and folder structure into the wp-content/themes/[my theme]/ folder. Interestingly, the folder didn’t exist before I did this (which the knowledge base implied it would).

No change to the colour of the button.

Please help!

SA

[Geoff]

Hi SA,

Sorry for the rouble here!

Are you able to try adding this to your custom styles:

.tribe-events-button, #tribe-events .tribe-events-button {
background-color: #000; /* or whatever color 🙂 */
}

I think the difference is the use of background-color versus background. The current style uses background-color so using that would be more effective in overriding the style.

Let me know if that helps do the trick!

Geoff

[[email protected]]

Thank you Geoff – I really appreciate you taking the time. It didn’t work, though I used a work around by styling the button in the list view by using the new colour picker in the themes customiser, and then the other elements using Yellow Pencil. Lazy, I know…!

Thanks for your help.

[Geoff]

That’s not lazy at all–it’s a great idea and I should have suggested that up front. Guess the color customizer feature is still so new that I need to make sure I’m thinking about it. 🙂

Thanks for following up and cheers!
Geoff

[Author]

Posts