Help with Changing Colors

mspoppy
February 12, 2011 at 4:09 am #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
February 12, 2011 at 5:35 am #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
February 13, 2011 at 12:50 am #11943

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

iphonefreebies
February 13, 2011 at 12:36 pm #11944

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

iphonefreebies
February 13, 2011 at 12:37 pm #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
February 13, 2011 at 2:07 pm #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
February 13, 2011 at 11:02 pm #11947

thank you so much, your theme and support is a credit to your hard work
Admin
Syahir Hakim
February 14, 2011 at 5:05 pm #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
February 14, 2011 at 5:21 pm #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
February 14, 2011 at 6:39 pm #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