Help with Changing Colors

  • mspoppy

    #449

    I am a complete novice when it comes CSS! I love this theme, but I just did the update, and now I have these BLUE colors on my page that clash with my header. Can someone please help me change the colors back to the way they were before I did the upgrade?

    Again, I know NOTHING about CSS…

    my website is http://www.friedchickentotofu.com

    Thanks in advance!

    Admin

    Syahir Hakim

    #11942

    In the theme’s Display options page, insert this code into the Custom CSS section:

    .featured_slider{
    background: -moz-linear-gradient(left top, #333, #aaa);
    background: -webkit-gradient(linear, left top, right bottom, from(#333), to(#aaa));
    background: linear-gradient(left top, #333, #aaa);
    -pie-background: linear-gradient(left top, #333, #aaa);
    }
    .sidebar h3{
    background:#3C9CD2;
    background:-moz-linear-gradient(#aaa, #555);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#aaa), to(#555));
    background:linear-gradient(#aaa, #555);
    -pie-background: linear-gradient(#aaa, #555);
    border-bottom:1px solid #444;
    }

    mspoppy

    #11943

    Thank you! Just want to mention that I LOVE this theme!

    iphonefreebies

    #11944

    I have the same problem, what would I do to chenge it to green to match the pictures on my frontpage?

    iphonefreebies

    #11945

    I have the same problem what would I have to change to go green as the same colour on my front page?

    thanks

    Admin

    Syahir Hakim

    #11946

    Same code as above, but just replace every instance of #aaa with #1AB848, #555 with #02601D, and #333 with #024114.

    Essentially you can put any colour to customise the look. You can get the hex colour code from photo editing software like Photoshop, or you can also go to http://www.colorpicker.com/

    iphonefreebies

    #11947

    thank you so much, your theme and support is a credit to your hard work

    Admin

    Syahir Hakim

    #11948

    Hurm..I did a quick tryout to get the sidebars to look like the previous version using the Custom CSS feature. If you wanna try it out, simply copy and paste this code into the Custom CSS option:

    .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;
    }

    kipper

    #11949

    The custom css does not seem to work for me. I am trying to change the color in the surrounding top bar, nav, sides and footer. I wanted to change it from the default black to a navy blue.

    I tried this as a start with no success:

    #top-bar {

    background-color: #28038F;

    }

    Gitte Dahm

    #11950

    Hi

    Im now trying to make a child themes and I simpel love the old themes…so I just want to now if I can use the same code to my child

    Gitte

Viewing 10 posts - 1 through 10 (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!