Changing text color
-
This seems like it should be a simple change, but I’m having trouble.
I want to change all text (all posts, all pages) to white, and I’ve been up and down the stylesheet a million times changing color codes, but nothing seems to do the trick.
Help?
Thanks in advance!
Hmm, sounds like You dont have made a Child Theme?
But that aside You can try this in Custom CSS:
.entry-content, .entry-content p, .slider_post_entry p, .entry-content ul, .entry-content ol, .comment-entry ol {
color: #FFFFFF;
font: 12px/20px arial;
}But Your links is also White? (White in White?)
Ups! Maybe remove
.slider_post_entry p,This Gives You a hint.
And maybe this for the blue colors in sidebar:
.sidebar h3 {
-pie-background: linear-gradient(#afaeae, #6E6E6E);
background: #afaeae;
background: linear-gradient(#afaeae, #6E6E6E);
background: -moz-linear-gradient(#afaeae, #6E6E6E) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afaeae), to(#6E6E6E));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afaeae', endColorstr='#6E6E6E'); /* for IE */
text-shadow: 0 -1px 0 #000000;
}And slider:
.featured_slider{
background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
background: linear-gradient(left top, #E0E0E0, #EEEEEE);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4', endColorstr='#EEEEEE'); /* for IE8 */
-moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
-webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
box-shadow: inset 0px 0px 1px 1px #C4C4C4;
}
.featured_slider #slider_root {
-moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
-webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
box-shadow: inset 0px 0px 1px 1px #C4C4C4;
background: none repeat scroll 0 0 #FFFFFF;
}
.block-button, .block-button:visited {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius:5px;
border-radius:5px;
border: 1px solid #CCCCCC;
display:block;
font:bold 12px arial;
text-decoration:none;
padding:5px 15px 6px 15px;
color:#FFFFFF;
text-shadow:0 -1px 1px #000000;
margin-top:10px;
position:relative;
float:right;
-moz-box-shadow: 0 0 0px #42454A;
-webkit-box-shadow:0 0 0px #42454A;
box-shadow:0 0 0px #42454A;
background:#BABABA;
background: -moz-linear-gradient(#BABABA, #6E6E6E) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#BABABA), to(#6E6E6E));
background:linear-gradient(#BABABA, #6E6E6E);
-pie-background: linear-gradient(#BABABA, #6E6E6E);
}
.block-button:hover{
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
background:#D4D4D4;
background:-moz-linear-gradient(#D4D4D4, #737373);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#D4D4D4), to(#737373));
background:linear-gradient(#D4D4D4, #737373);
-pie-background: linear-gradient(#D4D4D4, #737373);
}One more:
h1.page-title {
-pie-background: linear-gradient(#afaeae, #6E6E6E);
background: #afaeae;
background: linear-gradient(#afaeae, #6E6E6E);
background: -moz-linear-gradient(#afaeae, #6E6E6E) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afaeae), to(#6E6E6E));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afaeae', endColorstr='#6E6E6E'); /* for IE8 */
text-shadow: 0 -1px 0 #000000;
-moz-border-radius: 0 5px 0 0;
}You can change to color codes You best like..
Kim
Hey, thanks so much, these all look great!
You mentioned a child theme, which would be ideal for me. I tried to set one up, but it turns out I’m a total noob. I actually can’t access my WP server at all at the moment, so I can’t add any files or directories. My FTP fails to connect, I think it has something to do with my hosting at Host Gator (or maybe my domain registation at Go Daddy), but I’ve pretty much exhausted all my ideas and hit a dead end there. So I’m stuck with editing what I’ve got, and not updating :-(.
Anyways, thank you again. One more problem… the dates on the posts on my “Blog” page are not displaying.
My Stylesheet reads:
}
.post .date {
background: url(images/sprite_master.png) -325px top no-repeat;
margin: 0;
padding: 0;
position: absolute;
top: 25px;
left: 15px;
text-align: center;
width: 46px;
height: 65px;
}
.post .date p {
color: #FFFFFF;
display: inline;
font: normal 12px tahoma;
line-height: 22px;
}
.post .date p span {
color: #FFFFFF;
font-size: 18px;
}
.post .date p span.year {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}
.post .entry {
margin: 0;
padding: 0;
overflow: hidden;
}
The font should be white, but it seems to be black. Any ideas?
Done it! You are good. Thank you!
Thanks! Applied them all, it looks great!
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.
