Community Events Colors

[Becky B]

Hi – my background is white and my categories are white, so you are not able to see them. Hope you can help. Have tried all 3Default stylesheet used for events templates
Skeleton Styles
Only includes enough css to achieve complex layouts like calendar and week view.

Full Styles
More detailed styling, tries to grab styles from your theme.

Tribe Events Styles
A fully designed and style

But not having any luck.

[Cliff]

Howdy.

Do you have a link I could view and possibly help out with?

And what do you WANT the colors to be?

[Becky B]

Here is a link to screenshot

View post on imgur.com

Black on white would be perfect.
Thanks!

[Cliff]

This CSS might do the trick for you:

div#tribe-community-events.form {
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.

Let me know how it goes.

[Becky B]

That worked for inside the boxes, but still need the headings and those that were on black (outside box) still need to be white…see screenshot:

View post on imgur.com

[Cliff]

When I tested that CSS on my local site with Twenty Fifteen theme, it affected the headings too.

Your theme has some rules affecting your form. Per our Support Terms, we usually don’t provide custom CSS for theme compatibility issues. I especially cannot provide additional support for this question without a link to the form, which would need to be publicly-accessible (i.e. no login required).

If you give me a link, I may be able to help with this quick fix. Otherwise, you’d need to figure it out on your own.

I look forward to your reply.

[Becky B]

This reply is private.

[Cliff]

Thanks. Try this:

div#tribe-community-events.form,
div#tribe-community-events.form h4 {
color: black;
}

FYI: Your theme’s style.css file sets all headings and headings with links to color: #FFF (white).

[Becky B]

Great – thank you for your quick reply!!!
Worked great – just missing event title and event description – those should be white, because now they are black on black.
Thanks again for your quick reply :0)

[Cliff]

This should do it for you:

div#tribe-community-events.form,
div#tribe-community-events.form h4 {
color: black;
}

div#tribe-community-events.form label[for="post_title"],
div#tribe-community-events.form label[for="post_content"] {
color: white;
}

Please note that our Support Terms say we don’t provide styling fixes for themes outside of the WordPress defaults like Twenty Fifteen. So please don’t expect additional styling help for this ticket.

Thanks for your understanding! 🙂

 

[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