Help with Changing Colors

  • schmidtysays

    #11971

    I used Syahir’s first suggestion in this blog post and it worked like a charm, however I recently discovered that in internet explorer the headers are still blue. It looks ffine in Firefox and Chrome, but I need a solution for IE.

    Here is the code I have entered in the Custom CSS field in Graphene options:

    .featured_slider{

    background:-moz-linear-gradient(#000000, #aaa);

    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#000000), to(#aaa));

    background:linear-gradient(#000000, #aaa);

    -pie-background: linear-gradient(#00000, #aaa);

    }

    .sidebar h3{

    background:#3C9CD2;

    background:-moz-linear-gradient(#aaa, #000000);

    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#aaa), to(#000000));

    background:linear-gradient(#aaa, #000000);

    -pie-background: linear-gradient(#aaa, #000000);

    border-bottom:1px solid #444;

    }

    URL: http://schmidtysays.com

    Kim

    #11972

    Hi Schmidtysays

    Syahir made a masterpiece answer here:

    Kim

    Our Army Family

    #11973

    Like everyone else, when I updated my version my colors all changed to blue. I read the information in here and was able to change the boxes on my front page…which I really like how it looks. The problem that I have is that my titles, “view full posts” buttons, links, and category title boxes on subsequent pages are all still blue which doesn’t look so great with what I was doing.

    Any help is appreciated. Thank you so much.

    http://www.ourarmyfamily.com

    svanhuet

    #11974

    Hi,

    I just updated the theme today and also got the blue colors. I want to change this back or change the colors to other ones (green). I am also new to CSS but understand that I have to copy the code from your first post into the Custom CSS section of the Display options page. The problem is that I don’t see a Display options page. I know it was there before the update. Has the name of that page changed? What is it called now. Help please…

    bala

    #11975

    Being new to this forum, let me first congratulate and thank Khairul Syahir for a great theme. I wanted to change the color gradients of top-bar, nav bar & footer to blue (dark to light) gradients, from default black & grey ones. Was successful with top bar by using CSS gradient code. But this does not work for Nav Bar. Anyone tried changing the nav bar colors?

    Kim

    #11976

    Im using these lines for colors: (Color codes u decide)

    .sidebar h3 {
    -pie-background: linear-gradient(#BABABA, #6E6E6E);
    background: #BABABA;
    background: linear-gradient(#BABABA, #6E6E6E);
    background: -moz-linear-gradient(#BABABA, #6E6E6E) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BABABA), to(#6E6E6E));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BABABA', endColorstr='#6E6E6E'); /* for IE */
    text-shadow: 0 -1px 0 #000000;
    }

    .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 IE */
    -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;
    }

    Kim

    #11977

    Hi Svanhuet

    Have you made a Child theme?

    (Best place for changes)

    Kim

    Admin

    Syahir Hakim

    #11978

    Svanhuet,

    In addition to Kim’s reply, the display options and general options pages have now been merged into a single “Graphene Options” page, and separated by tabs.

    thebokeeffect

    #11979

    Hi,

    Kim and Syahir give great advice – just wanted to say that!

    Next, I have a related question on color.

    At the top menu bar when I have links to sub pages, –

    1) How do I change the ‘mouse-over’ color? It’s currently black and tad too ‘strong’.

    2) How do I change the ‘black’ color portion just below the menu links? It’s that strip of black across that separates my main blog from the header/menu portion.

    Here’s the screen grab

    http://thebokeeffect.com

    thanks much in advance!

    mvallarino

    #11980

    Hi, I dont even know what CSS is, I just started my website http://www.amandacardoze.com and would like to change all the blue color on the theme to this color F20F80

    Could you tell me how to do it?? I read through this post but still not sure how to do it…tks!!

Viewing 10 posts - 31 through 40 (of 45 total)

  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!