• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

CSS help

Tracy Perry

Well-known member
#2
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.

Code:
.sidebar .section .primaryContent h3 a, .sidebar {
color: white;
}
but that will change ALL the sidebar links to white.
 

Steve F

Well-known member
#8
h3 is inside the secondaryContent class in the sidebar, try

Code:
.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.
 

Mike Edge

Well-known member
#10
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: progid:DXImageTransform.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;
}
 

Russ

Well-known member
#12
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.