Color Pop up Event

[anjuly]

Hello,

I want to change the Color on top of the popup-view (see attachment).

Can you help with a little CSS Code?

Thanks,
July

[Cliff]

Hi. I found the link to that screenshot: http://www.heilhauslueneburg.de/termine/monat/

This CSS code should change both the background color from #666 (dark gray) and the text color from #e88206 (orange). Obviously, you could choose to change them to whatever you want or leave one unchanged.

body.post-type-archive-tribe_events #tribe-events-content.tribe-events-month .tribe-events-tooltip h4 {
color: white;
background-color: black;
}

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

[anjuly]

Hey Cliff,
this CSS works for the monthview but not the weekly – I tried this:

body.post-type-archive-tribe_events #tribe-events-content.tribe-events-week .tribe-events-tooltip h4 {
color: white;
background-color: #e88206;
}

but it doesn’t work.Can you help?

And now I’ll engaged with jetpack, maybe it is more easy.

Thank you for your great and friendly!!!! Support!
Nice Day or where ever you are 🙂 Night!
July

[Cliff]

Sure thing! 🙂

Try this:

body.post-type-archive-tribe_events #tribe-events-content .tribe-events-tooltip h4,
body.post-type-archive-tribe_events #tribe-events-content.tribe-events-month .tribe-events-tooltip h4 {
color: white;
background-color: black;
}

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts