emily,
Here’s a screenshot on my iPhone, http://tinypic.com?ref=28jd74z
It looks fine to me. Is there something wrong?
hay andy, thanks for sending over the snap. if you turn your phone horizontal and look at the 5 different categories at the top of the calendar, that’s where im having the issue. at least on my phone, they are grey and not white.
These lines in your theme’s CSS are causing the issue.
::-webkit-input-placeholder {
color: #B5B5B5;
}
I’m not really sure why this selector is targeting the legend, but it is.
thats weird, i have no idea either.
in any case, i’ve changed that selector in my media queries, however the text is still grey on tablets and phones (and on a browser they appear white).
any other suggestions? i’m really hoping to figure this one out!
best,
emily
Look in the wiki, https://github.com/afragen/the-events-calendar-category-colors/wiki/Filters-and-Hooks
You should be able to use the teccc_add_legend_css filter to add
::-webkit-input-placeholder { color: #fff; }
To the legend css and hopefully this should override you other css.
im sorry to be such a noob about this! i’ve never modified my functions to add a css filter so im not sure where im going wrong.
i added the teccc_add_legend_css hook to my functions.php file, yet im not sure what i should do next. should it just be working now, effecting ::-webkit-input-placeholder { color: #fff; } ? or is that creating a new selector that i should be adding to my media query (i did try that, btw)?
or, should i be modifying something else in the action hook? i tried adding the color to the code, but there too, no go
add_action( 'teccc_add_legend_css', 'my_extra_legend_css' );
function my_extra_legend_css () {
echo '#tribe-events #legend li { display: block; margin: 5px 40em; padding: 0; color: #fff; }';
}
again, so sorry for all the hand-holding,
emily
Can you post the code you added to your functions.php file in pastebin perhaps.
sure thing.. you can find it here
Emily, can you please change the function name to something a bit more unique, just change my to eswilson
Also, the code in the function should be
echo '::-webkit-input-placeholder { color: #fff; }';
Emily, I just realized there’s a small bug in my plugin that prevents this action hook from working properly. I should have a fix in the next day or so.
Thanks for you patience.
Emily, update to v3.7.0 and the action hook should work
hi andy, thanks for the update.
the only thing is, since updating, my categories are not appearing as they should.
take a look
Emily, you have a lot of strange stuff going on in your theme. I’ll take a closer look when I get back to a computer and not my iPad.
Did you make the changes for the action hook? I don’t see them.
hi andy, i figured out the weird thing with the categories, it was from that code i put in my functions file. so, now i’ve modified that per your suggestion, and currently have this in there.
i then added ::-webkit-input-placeholder { color: #fff; } to my media queries however i’m not seeing any change.
im currently using dynamik web builder and genesis to build this site. are either of those conflicting with the plugin?
Emily,
You have too many things going on for me to be able to see where the conflict is. You might have to disable and slowly reenable plugins to see where the conflict is.
Andy
