Finding css location

[biologyben]

On my wordpress/civicrm public pages, the form labels print in white instead of black.  A problem when I have a white background.

I found via chrome inspect element that if I turn off the color: #fff line on this bit of css, it functions perfectly adequately.  Any idea where to find and change this that is update proof (for both wp & civicrm?

media="all"
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}

[Dan C]

When it comes to CSS changes I recommend you make the changes in your templates CSS file.  That is about as upgrade proof as you can make it.  I have had a similar problem on Joomla sites and the CSS files load in the correct order so that Joomla's template CSS will override Civi's.  I believe the same is true in Wordpress (although I haven't tried it).

[haystack]

Unfortunately, that's not the case, @danc. Civi loads its head resources in via `wp_head`, with priority 10, whilst `wp_print_styles` happens earlier at priority 8.

 @biologyben you'll need to override Civi's CSS with more specific declarations of your own that target the same elements. So, in the example you gave, try something like:

body .label { color: #000; }

[biologyben]

 @biologyben you'll need to override Civi's CSS with more specific declarations of your own that target the same elements. So, in the example you gave, try something like:

body .label { color: #000; }

Yes, but where? Dumb this down for me. In Wp or in civi - and what file specifically (if possible )

[biologyben]

Just for future - WEN's Social Links was the plugin that was breaking the drop-down search box.

I didn't even know it was active on this site as it was network activated on a multi-site installation. 

Also, the wordpress plugin 'Bootstrap Shortcodes' was breaking the label text on forms on end front.