Change Background Color in Wordpress CSS

I have tried changing the background color of iTheme2 (Theme URI: themify.me/themes/itheme2) theme, but nothing happens.
Is there anything I can do to turn the existing background into white?




html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
background: #0d1424 url(images/body-bg.jpg) no-repeat center top;
font: .81em/150% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
color: #666;
}
p {
margin: 0 0 1.2em;
padding: 0;
}
a {
text-decoration: none;
outline: none;
color: #026acb;
}
a:hover {
text-decoration: underline;
}
small {
font-size: 87%;
}
em, i {
}
ul, ol {
margin: 1em 0 1.4em 24px;
padding: 0;
line-height: 140%;
}
li {
margin: 0 0 .5em 0;
padding: 0;
}
blockquote {
font: italic 15px/130% "Times New Roman", Times, serif;
padding: 8px 30px 15px;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.4em;
margin: 20px 0 .4em;
color: #333;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
input, textarea, select {
font-size: 100%;
font-family: inherit;
}
textarea {
line-height: 150%;
width: 96%;
}
input[type=text], input[type=password], textarea {
border: solid 1px #ccc;
padding: 5px 7px;
background: #f0f0f0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {
border: solid 1px #666;
background: #fff;
outline: none;
}
input[type=reset], input[type=submit] {
color: #fff;
line-height: 100%;
border: none;
padding: 5px 7px;
cursor: pointer;
color: #fff;
padding: 5px 20px;
cursor: pointer;
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top, #666, #000);
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
text-shadow: 0 -1px 0 rgba(0,0,0,.9);
}
input[type=reset]:hover, input[type=submit]:hover {
background: #333;
color: #fff;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
width: 978px;
margin: 0 auto;
}

/* content */
#content {
background: #fff;
padding: 35px;
margin-bottom: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.sidebar1 #content {
width: 600px;
float: left;
}

/* sidebar */
#sidebar {
float: right;
width: 286px;
margin-bottom: 10px;
margin-top: 1px;
font-size: 90%;
}

/* sidebar left */
.sidebar-left #content {
float: right;
}
.sidebar-left #sidebar {
float: left;
}

/* sidebar none */
.sidebar-none #content {
width: auto;
float: none;
}

/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
float: left;
margin: 0 0 0 30px;
}
.col4-1 {
width: 222px;
}
.col4-2, .col2-1 {
width: 474px;
}
.col4-3 {
width: 726px;
}
.col3-1 {
width: 306px;
}
.col3-2 {
width: 642px;
}
.first {
margin-left: 0;
clear: left;
}
.col.last {
margin: 0;
clear: left;
}

/* grid in content container */
#content .col4-1 {
width: 204px;
}
#content .col4-3 {
width: 672px;
}
#content .col4-2, #content .col2-1 {
width: 438px;
}
#content .col3-1 {
width: 282px;
}
#content .col3-2 {
width: 594px;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
position: relative;
height: 160px;
margin-bottom: 20px;
}
#site-logo {
position: absolute;
top: 30px;
}
#site-logo a {
font: bold 190%/110% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding-bottom: 2px;
}
#site-description {
color: #ddd;
position: absolute;
top: 70px;
font: italic 100%/120% Georgia, "Times New Roman", Times, serif;
}

/************************************************************************************
SOCIAL WIDGET
*************************************************************************************/
.social-widget {
position: absolute;
top: 80px;
right: 10px;
font-size: 95%;
line-height: 120%;
text-align: right;
}
.social-widget a {
color: #fff;
}
.social-widget .widget {
border: none;
float: left;
margin: 0 15px 0 0;
padding: 0;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.social-widget .widgettitle {
font-size: 100%;
width: auto;
display: block;
float: left;
margin: 0 8px 2px;
padding: 0;
background: none;
filter: none;
border: none;
color: #fff;
text-shadow: none;
position: static;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.social-widget div {
float: left;
}

.social-widget ul {
margin: 5px 0 0 !important;
padding: 0;
float: left;
}
.social-widget ul li {
margin: 0 8px 5px 0;
padding: 0;
float: right;
border: none;
clear: none;
line-height: 100%;
}
.social-widget li img {
vertical-align: middle;
margin-top: -11px;
}

/* rss button */
.social-widget .rss {
float: left;
}
.social-widget .rss a {
background: url(images/rss.png) no-repeat left 4px;
padding: 10px 0 10px 30px;
}

/************************************************************************************
SEARCH FORM
*************************************************************************************/
#header #searchform {
position: absolute;
bottom: 9px;
right: 10px;
z-index: 101;
}
#header #searchform #s {
border: none;
width: 120px;
padding-left: 28px;
background: #e1e1e1 url(images/search.png) no-repeat 8px center;
-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 -1px 0 rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.3);
box-shadow: 0 -1px 0 rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.3);
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#nav-bar {
width: 100%;
position: absolute;
right: 0;
bottom: 0;
z-index: 100;
border: solid 1px #333;
background: #6a6a6a url(images/nav-bar-bg.png) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
background: -moz-linear-gradient(top, #b9b9b9, #6a6a6a);
background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.3);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.3);
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.3);
}
#main-nav {
margin: 0;
padding: 0;
}
#main-nav li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
border-right: solid 1px #575757;
-webkit-box-shadow: 1px 0 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.1);
-moz-box-shadow: 1px 0 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.1);
box-shadow: 1px 0 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.1);
}
#main-nav li:hover {
background: #474747;
background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
background: -moz-linear-gradient(top, #282828, #4f4f4f);
background: linear-gradient(-90deg, #282828, #4f4f4f);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* home icon */
#main-nav .home {
width: 42px;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
#main-nav .home a {
background: url(images/home-icon.png) no-repeat 14px center;
width: 16px;
text-indent: -9000em;
}
#main-nav .home a:hover, #main-nav .home.current_page_item a, #main-nav .home.current-menu-item a {
background-position: -41px center;
}
/* home icon current */
#main-nav .home.current_page_item, #main-nav .home.current-menu-item {
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
/* main level link */
#main-nav a {
color: #fff;
display: block;
padding: 14px 15px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.7);
}
/* main level link :hover */
#main-nav a:hover {
color: #fff;
}
/* current page li */
#main-nav .current_page_item, #main-nav .current-menu-item {
border-left: solid 1px #000;
border-right: solid 1px #000;
background: #474747;
background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
background: -moz-linear-gradient(top, #282828, #4f4f4f);
background: linear-gradient(-90deg, #282828, #4f4f4f);
-webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.8);
-moz-box-shadow: inset 0 2px 8px rgba(0,0,0,.8);
box-shadow: inset 0 2px 8px rgba(0,0,0,.8);
}
/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a {
color: #fff;
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
color: #fff;
}
/* sub-levels current page li */
#main-nav ul .current_page_item, #main-nav ul .current-menu-item {
border: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {
color: #666;
font-size: 95%;
font-weight: normal;
padding: 5px 0 5px 15px;
margin: 0;
width: 180px;
height: auto;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {
background: #F3F3F3;
color: #000;
color: black;
}
/* dropdown ul */
#main-nav ul {
border: solid 1px #ccc;
background: #fff;
margin: 0;
padding: 5px 0;
list-style: none;
position: absolute;
z-index: 100;
display: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#main-nav ul li {
background: none;
padding: 0;
margin: 0;
height: auto;
border: none;
}
#main-nav ul li:hover {
background: none;
}
/* sub-levels dropdown */
#main-nav ul ul {
left: 190px;
top: 5px;
}
/* show dropdown ul */
#main-nav li:hover > ul {
display: block;
}

/************************************************************************************
SLIDER
*************************************************************************************/
#header-slider {
position: relative;
padding: 20px 30px 5px 50px;
margin: 0 0 20px;
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
#header-slider .slides {
margin: 0;
padding: 0;
/* hide slider and then expand by js */
height: 0;
overflow: hidden;
}
#header-slider .slides li {
margin: 0 30px 10px 0;
padding: 0;
list-style: none;
float: left;
text-align: center;
}
#header-slider .slides h3 {
margin: 5px 0 2px;
padding: 0;
font-size: 85%;
font-weight: normal;
line-height: 140%;
text-align: center;
}
#header-slider .slider-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
#header-slider .slider-nav a {
background: url(images/slider-nav-left.png) no-repeat;
width: 25px;
height: 48px;
margin-top: -24px;
display: block;
text-indent: -900em;
}
#header-slider .slider-nav .prev-slide {
position: absolute;
left: -2px;
}
#header-slider .slider-nav .next-slide {
background-image: url(images/slider-nav-right.png);
position: absolute;
right: -2px;
}

/************************************************************************************
POST
*************************************************************************************/
.post {
margin: 0 0 45px;
position: relative;
}
/* post title */
.post-title {
margin: 0 0 5px;
padding: 5px 36px 0 0;
font: bold 170%/120% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
}
.post-title a {
color: #333;
text-decoration: none;
}

/* post date */
.post-date {
font-weight: bold;
margin: 10px 0 5px;
}
.list-post .post-date {
float: left;
width: 52px;
text-align: center;
margin: 0 12px 5px 0;
border: solid 1px #bebebe;
background: #fff;
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ecebeb');
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ecebeb));
background: -moz-linear-gradient(top, #ffffff, #ecebeb);
background: linear-gradient(-90deg, #ffffff, #ecebeb);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15);
box-shadow: 0 1px 1px rgba(0,0,0,.15);
}
.list-post .post-date .month {
color: #fff;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
padding: 2px 0;
width: 100%;
position: relative;
left: -1px;
top: -1px;
border: solid 1px #a11216;
background: #cb151b;
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#eb1c24', endColorstr='#a30c10');
background: -webkit-gradient(linear, left top, left bottom, from(#eb1c24), to(#a30c10));
background: -moz-linear-gradient(top, #eb1c24, #a30c10);
background: linear-gradient(-90deg, #eb1c24, #a30c10);
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 0 rgba(0,0,0,.2);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.list-post .post-date .day {
color: #666;
padding: 2px 0 1px;
font: bold 18px/100% Arial, Helvetica, sans-serif;
display: block;
}
.list-post .post-date .year {
color: #999;
padding: 0 0 4px;
font: 10px/100% Arial, Helvetica, sans-serif;
display: block;
}

/* post meta */
.post-meta {
color: #999;
font-size: 85%;
line-height: 120%;
margin: 0 0 15px;
}
/* post comments */
.post-meta .post-comment a {
font-size: 13px;
text-align: center;
text-decoration: none;
color: #666;
background: url(images/post-comments.png) no-repeat;
width: 36px;
height: 26px;
padding: 8px 0 0;
position: absolute;
top: -5px;
right: -3px;
text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.post-meta .post-comment a:hover {
color: #000;
}

/* post image */
.post-image {
margin: 5px 0 15px;
}
.post-image.left {
margin-right: 15px;
}
.post-image.right {
margin-left: 15px;
}

/************************************************************************************
PAGE TITLE
*************************************************************************************/
.page-title {
margin: 0 0 10px;
font: bold 190%/120% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
}

/************************************************************************************
CATEGORY SECTIONS
*************************************************************************************/
.category-section {
clear: both;
margin-bottom: 30px;
}
.category-section-title {
font-size: 120%;
text-transform: uppercase;
margin: 0 0 20px;
}

/************************************************************************************
LAYOUTS
*************************************************************************************/
/* grid4 post */
.grid4 .post {
width: 204px;
margin-left: 30px;
float: left;
font-size: 90%;
line-height: 130%;
margin-bottom: 20px;
}
.sidebar1 .grid4 .post {
width: 23%;
margin-left: 2.5%;
}
.grid4 .post-title {
font-size: 130%;
line-height: 130%;
margin: 0 0 3px;
padding: 0;
}

/* grid4 post meta */
.grid4 .post-meta {
font-size: 85%;
}

/* grid3 post */
.grid3 .post {
width: 282px;
margin-left: 30px;
float: left;
margin-bottom: 20px;
font-size: 95%;
line-height: 135%;
}
.sidebar1 .grid3 .post {
width: 31.2%;
margin-left: 3%;
}
.grid3 .post-title {
margin: 0 0 5px;
padding: 0;
font-size: 140%;
line-height: 120%;
}
/* grid3 post meta */
.grid3 .post-meta {
font-size: 85%;
}


/* grid2 post */
.grid2 .post {
width: 438px;
float: left;
margin-left: 30px;
margin-bottom: 20px;
}
.sidebar1 .grid2 .post {
width: 48.2%;
margin-left: 3.5%;
}
.grid2 .post-title {
margin: 0 0 5px;
padding: 0;
}

/* grid2-thumb post */
.grid2-thumb .post {
width: 438px;
float: left;
margin-left: 30px;
margin-bottom: 20px;
}
.sidebar1 .grid2-thumb .post {
width: 48.2%;
margin-left: 3.5%;
}
.grid2-thumb .post-title {
margin: 0 0 5px;
font-size: 140%;
}
.grid2-thumb .post-image {
float: left;
margin: 0 14px 10px 0;
}
.grid2-thumb .post-content {
overflow: hidden;
}

/* list thumb post */
.list-thumb-image .post-image {
float: left;
margin: 0 16px 10px 0;
}
.list-thumb-image .post-content {
overflow: hidden;
}

/* list large image */
.list-large-image .post-image {
float: left;
margin: 0 22px 10px 0;
}
.list-large-image .post-title {
margin: 0 0 5px;
padding: 0;
}
.list-large-image .post-content {
overflow: hidden;
}

/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav {
clear: both;
padding: 7px 5px 0;
text-align: right;
}
.pagenav a, .pagenav span {
background: #026acb;
color: #fff;
line-height: 100%;
text-decoration: none;
padding: 5px 7px;
margin-left: 2px;
vertical-align: middle;
display: inline-block;
zoom:1;
*display:inline;
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
color: #d9eef7;
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top, #666, #000);
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
text-shadow: 0 -1px 0 rgba(0,0,0,.9);
}
.pagenav a:hover {
text-decoration: none;
background: #333;
}
.pagenav .current {
background: #999;
filter: none;
color: #fff;
border: none;
border: solid 1px #888;
}


/************************************************************************************
POST NAVIGATION
*************************************************************************************/
.post-nav {
margin: 30px 0 20px;
clear: both;
}
.post-nav span {
width: 45%;
}
.post-nav a {
text-decoration: none;
font-size: 110%;
}
.post-nav a:hover {
text-decoration: none;
}
.post-nav .prev {
float: left;
}
.post-nav .prev a {
background: url(images/previous-arrow.png) no-repeat left 2px;
padding: 4px 0 6px 30px;
display: block;
}
.post-nav .next {
float: right;
text-align: right;
}
.post-nav .next a {
background: url(images/next-arrow.png) no-repeat right 2px;
padding: 4px 30px 6px 0;
display: block;
}

 

Change the first line of your CSS file.

background: #fff;

Code (markup):

 

No, it doesn't work

 

Turn this:

body {
background: #0d1424 url(images/body-bg.jpg) no-repeat center top;
font: .81em/150% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
color: #666;
}

into this:

body {
background-color: #SOMECOLORCODE;
font: .81em/150% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
color: #666;
}

 

No, this theme is stubborn

Thanks anyway