Forum Replies Created
-
Hmm. I think You still have some blue color codes in
the 2 “button” groups. Try put Your #color numbers in
this link: http://www.colorschemer.com/online.html
Kim
Hi Sab-ina
sidebar H3 corners: (Not sure with IE7)
Add this line:
border-radius: 5px 5px 0 0;Then buttons:
If You change these start and end colors:
You are using (#777777, #666666) in visited group
Your “hover” state is blue.. 🙂
Here are my “colors”:
.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);
}What with slider border? 🙂
Kim
Hi Sab-ina
Try this for sidebar:
.sidebar h3 {
-pie-background: linear-gradient(#777777, #666666);
background: #777777;
background: linear-gradient(#777777, #666666);
background: -moz-linear-gradient(#777777, #666666) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#777777), to(#666666));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#666666'); /* for IE */
text-shadow: 0 -1px 0 #555555;
}Hi sab-ina
Please supply some
codeor a link?Kim
Allow me one last thing.
Fixing the sidebar width:
.sidebar div.sidebar-wrap {
background: none repeat scroll 0 0 #FFFFFF;
border: 0 solid #CCCCCC;
box-shadow: 0 0 5px #BBBBBB;
margin-bottom: 16px;
padding: 10px 12px;
position: relative;
width: 230px;
}Kim
There is also this version:
.post-meta .post-date-inline {
background: none repeat scroll 0 0 black;
border-left: 1px solid #FFFFFF;
color: white;
padding-left: 5px;
}Kim
Hmm, maybe this:
.post-meta .post-date-inline {
background: none repeat scroll 0 0 black;
border-left: 1px solid #000000;
color: white;
padding-left: 5px;
}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
