Help with Changing Colors

  • Admin

    Syahir Hakim

    #11951

    Yes. Just add the code to your child theme’s style.css file.

    Gitte Dahm

    #11952

    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

    nearlygod

    #11953

    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.

    http://www.info-europa-reisen.de/

    Admin

    Syahir Hakim

    #11954
    .featured_slider{
    background: #EEEEEE;
    }
    .featured_slider #slider_root {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    Kim

    #11955

    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;

    }

    nearlygod

    #11956

    You´re the best, thanks

    Kim

    #11957

    Gradients in “browsers”! I was looking here?:

    http://css-tricks.com/css3-gradients/

    Kim

    #11958

    Gitte Dahm

    #11959

    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;

    }

    –>

    Admin

    Syahir Hakim

    #11960

    You don’t need those <!-- and -->. Remove them.

Viewing 10 posts - 11 through 20 (of 45 total)

  • You must be logged in to reply to this topic.