Help with Changing Colors

  • schmidtysays


    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:


    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:-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;





    Hi Schmidtysays

    Syahir made a masterpiece answer here:


    Our Army Family


    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.




    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…



    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?



    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;

    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;



    Hi Svanhuet

    Have you made a Child theme?

    (Best place for changes)



    Syahir Hakim



    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.




    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

    thanks much in advance!



    Hi, I dont even know what CSS is, I just started my website 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!