css to change the nav links and title tags

[GDPR20190220]

Hello,

What is the appropriate css to change:
*nav links (next events, previous events, all events, etc)
*title tags in the event details

,

Thank you.

[Courtney]

Hi Keith

I’ll close out the other thread and work with you here.

We’re limited in helping with styling customizations, per our Scope of Support / Terms.

But a few tips to help you carry this further include:

1. Start by modifying what you can at Appearance » Customize » The Events Calendar.
2. We generally don’t recommend that you change the theme or plugin’s CSS files directly, as they will be overwritten. To avoid this, follow the steps outlined in Themer’s Guide
3. Use overriding CSS files, or add CSS to your site using Appearance » Customize » Additional CSS.
4. Use !important before a semicolon to override every css rule. It’s a brute force method, but works for quick fixes.
5. Please check out this Customizing WordPress #2 – Using Chrome Developers Tools YouTube video in addition to our Using Chrome Developer Tools tutorial on how to easily make changes using CSS.

I might be able to take a quick peek but really would need a link to your site to be sure I share the correct code. Can you send me a link, along with an annotated screenshot if possible?

Thanks
Courtney 🙂

[GDPR20190220]

This reply is private.

[Courtney]

Hey Keith

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

#tribe-events-footer .tribe-events-nav-previous a {
    color: #0EABE0 !important;
}

#tribe-events-footer .tribe-events-nav-next a {
     color: #0EABE0 !important;
}

Can you share a link to where I can find the 2nd screenshot live on your site?

Thanks
Courtney 🙂

[GDPR20190220]

This reply is private.

[GDPR20190220]

This reply is private.

[GDPR20190220]

This reply is private.

[Courtney]

This reply is private.

[GDPR20190220]

This reply is private.

[Courtney]

This reply is private.

[GDPR20190220]

This reply is private.

[Courtney]

Hey Keith

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

#tribe-events-photo-events .tribe-event-featured a.tribe-event-url {
    color: #0EABE1 !important;
}
#tribe-events-photo-events a.tribe-event-url {
    color: white !important;
}

Let me know if that works for you.

Thanks
Courtney 🙂

[GDPR20190220]

Yes, that does change it to white (a.tribe-event-url), but the featured items are set to white. This makes the title blend in.

Thank you,

[GDPR20190220]

Yes, that does change it to white (a.tribe-event-url), but the featured items are set to white. This makes the title blend in.

Thank you,

[Courtney]

Hi Keith

When I view your site now, I see the white background with blue headings, and vice versa. Is this what you wanted? Is it all working for you now?

Thanks
Courtney 🙂

[Author]

Posts