Help with Changing Colors
-
Admin
Yes. Just add the code to your child theme’s style.css file.
Hi
What have I done wrong because there have not changed anything?
I have put this here in my child themes and enabled it but there is no change. I’m totally green at this stuff so have no ide what is wrong
/*
Theme Name: Graphene Child
Theme URI: http://www.jungleman.dk/junglemans_blog/
Description: Child theme for the Graphene theme
Author: Gitte Dahm
Author URI: http://www.khairul-syahir.com/
Template: graphene
Version: 0.1.0
*/
@import url(“../graphene/style.css”);
/*
sidebar-wrap h3, #sidebar_bottom .sidebar-wrap h3{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-image: -moz-linear-gradient(center top, #fff,#e3e3e3);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e3e3e3));
background: linear-gradient(#000000, #e3e3e3);
-pie-background: linear-gradient(#fff, #e3e3e3);……and so on…the rest of the code you sendt the other day
Gitte
Hi
the css you posted corrected almost everything for me. The is just the blue border around the articles in the slider left. How to change this back also.
Admin.featured_slider{
background: #EEEEEE;
}
.featured_slider #slider_root {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}Hi
I am trying these gray colors for posts, slider
and sidebar in Custom CSS:
.post {
-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{
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);
-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;
}
.sidebar h3 {
background:#B5B5B5;
background: -moz-linear-gradient(#D9D9D9, #8A8A8A) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B5B5B5), to(#9C9C9C));
background: linear-gradient(#B5B5B5, #9C9C9C);
-pie-background: linear-gradient(#B5B5B5, #9C9C9C);
border-bottom: 1px solid #9096A1;
}
Gradients in “browsers”! I was looking here?:
Gradients in “browsers”! Cooking?:
http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/
Hi
Hope still to get help to my css…now I have removed /* i both places and have try whit this
<!– in the bottom –>
but but nothing happens everything is as before … hoping for help with this stuff so I can move forward
Here is my css
regards Gitte
/*
Theme Name: Graphene Child
Theme URI: http://www.jungleman.dk/junglemans_blog/
Description: Child theme for the Graphene theme
Author: Gitte Dahm
Author URI: http://www.khairul-syahir.com/
Template: graphene
Version: 0.1.0
*/
@import url(“../graphene/style.css”);
<!–
sidebar-wrap h3, #sidebar_bottom .sidebar-wrap h3{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-image: -moz-linear-gradient(center top, #fff,#e3e3e3);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e3e3e3));
background: linear-gradient(#fff, #e3e3e3);
-pie-background: linear-gradient(#fff, #e3e3e3);
border: 1px solid #C5C4C4;
color: #333232;
margin: 0 0 5px -12px;
text-shadow: 0 -1px 0 #ccc;
}
.sidebar div.sidebar-wrap {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
background: none;
border: none;
padding-top:0;
}
#sidebar_right{
background-image: -moz-linear-gradient(left center,#ededed,#fff);
background: -webkit-gradient(linear, left top, right bottom, from(#ededed), to(#fff));
background: linear-gradient(left top, #ededed, #fff);
-pie-background: linear-gradient(left top, #ededed, #fff);
margin-top:0;
margin: 0 5px;
padding: 10px 10px 30px;
}
#sidebar_right{
float:right;
margin-right:0;
}
.leftbar #sidebar_right {
padding: 10px 10px 30px;
margin-left:0;
background-image: -moz-linear-gradient(left center,#fff,#EDEDED);
background: -webkit-gradient(linear, left top, right top, from(#fff), to(#EDEDED));
background: linear-gradient(left top, #fff, #EDEDED);
-pie-background: linear-gradient(left top, #fff, #EDEDED);
}
#sidebar_bottom {
background:#EDEDED;
border-top: 15px solid #CFCFCF;
}
–>
AdminYou don’t need those
<!--
and-->
. Remove them.
- You must be logged in to reply to this topic.