CSS help

[Mike Edge]

I been fighting it for an hour.. no matter what I try http://awesomescreenshot.com/0fd1ak8x75 Members Online won't turn the header text white

 

[TPerry]

I been fighting it for an hour.. no matter what I try http://awesomescreenshot.com/0fd1ak8x75 Members Online won't turn the header text white

And the site is? (so some of us can look at it in Chrome Developer)
Also, if it is like mine it is a hyperlink to your members online now list.

.sidebar .section .primaryContent h3 a, .sidebar {
color: white;
}

but that will change ALL the sidebar links to white.

 

[Mike Edge]

Not live yet Will be launching when Plants vs Zombies Adventures launches on Facebook

 

[TPerry]

Not live yet Will be launching when Plants vs Zombies Adventures launches on Facebook

Edited my post with some code.

 

[Mike Edge]

Still orange

 

[TPerry]

Still orange

try !important after the color.

 

[Mike Edge]

yeah i did already

.sidebar .section .primaryContent h3 a, .sidebar {
color: white !important;
}

 

[Steve F]

h3 is inside the secondaryContent class in the sidebar, try

.sidebar .section .secondaryContent h3 a {
color: white !important;
}

But I am kinda wondering why just members online is different. Maybe there is CSS already changing it somewhere?

Edit: There is a style property for it, so it should work by changing that by default.

 

[TPerry]

yeah i did already

Try

.sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a  {
color: white !important;
}

I used RED instead of white.
My Before/After:

 

[Mike Edge]

Still orange, here is my full css for it.

.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 {
font-size: 14pt;
background: rgb(181,222,33); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,222,33,1) 0%, rgba(80,212,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,222,33,1)), color-stop(100%,rgba(80,212,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,222,33,1) 0%,rgba(80,212,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,222,33,1) 0%,rgba(80,212,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,222,33,1) 0%,rgba(80,212,65,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(181,222,33,1) 0%,rgba(80,212,65,1) 100%); /* W3C */
filter: progidXImageTransform.Microsoft.gradient( startColorstr='#b5de21', endColorstr='#50d441',GradientType=0 ); /* IE6-9 */
padding: 3px;
color: white !important;
border-top-right-radius: 2px !important;
border-top-left-radius: 2px !important; }
}

.sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a {
color: white !important;
}

 

[Steve F]

You have a extra '}' in there thats not letting it continue the CSS

Are you trying to change just that h3 or all the sidebar h3's?

 

[Russ]

You should use the heading property in the sidebar section of style properties, adjusting the color will change the h3 text and links on the blocks.

 

[Mike Edge]

You have a extra '}' in there thats not letting it continue the CSS

Are you trying to change just that h3 or all the sidebar h3's?

Good catch! Been working on the site too long


Thanks guys!