Cannot find code to Change background color on page (not site background)

Discussion in 'WordPress' started by bigbody300, Dec 30, 2010.

0
  1. #1
    here is the Stylesheet code - i need to get rid of the crappy brown: :mad:

    SITE: http://www.smartphonereviews.ca/

    CODE:

    

margin: 0;
padding: 0;
letter-spacing: 1px;
}

p {
padding-bottom: 8px;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

hr {
clear: both;
visibility: hidden;
}

input, textarea {
color: inherit;
font-family: inherit;
font-size: inherit;
letter-spacing: inherit;
}

/* CLEARFIX 
************************************/

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/* NIFTY 
************************************/

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* GENERAL ITEMS 
************************************/

body {
background-color: #0A1B4A;
color: #DBF3F1;
font-family: Verdana, Tahoma, Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
}

a {
color: #C19920;
font-weight: bold;
outline: none;
text-decoration: underline;
}

a:hover {
color: #eeeeee;
text-decoration: underline;
}

img {
border: none;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 16px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 12px;
}

h6 {
font-size: 10px;
}

blockquote {
border-left: 5px solid #1F99C6;
margin:  0 18px 18px;
padding: 18px 18px 0;
text-align: justify;
}

/* GENERAL LAYOUT 
************************************/

#main {
background-color:#ffffff;
margin: 0 auto;
width: 1000px;
border: 1px solid #ffffff;;
}

#wrapper {
width: 1000px;
margin: 0 auto;
background-image: url(img/body.jpg);
background-repeat: repeat-y;
}

#header {
background-attachment: scroll;
background-color: #d3d3d3;
background-image: url(img/header.jpg);
background-position: top left;
background-repeat: repeat-x;
height: 370px;
width: 1000px;
}

#content {
float: left;
margin-left: 10px;
width: 620px;
background-color: transparent;
}

#sidebar {
float: right;
width: 350px;
color: #000000;
}

#footer {
background-color: transparent;
background-image: url(img/footer.jpg);
background-repeat: no-repeat;
clear: both;
height: 105px;
}

/* HEADER ITEMS 
************************************/

.navi_left {
float: right;
margin-right:50px;
margin-top:10px;
}

.navi_right {
float: right;
}

#navi_panel {
height: 40px;
}

#navi_panel ul {
display: block;
list-style: none;
}

#navi_panel ul li {
display: inline;
list-style: none;
}


#navi_panel ul li a {
float: left;
padding: 12px;
text-decoration: none;
}

#navi_panel ul li a:hover, #navi_panel ul li.current_page_item a {
color: #eeeeee !important;
text-decoration: none;
}

.main_title {
font-weight: bold !important;
font-family: Georgia, Verdana, Tahoma, Arial;
text-align: center;
font-size: 20px;
margin-top: 268px;
margin-left: 585px;
width: 336px;
}

.main_title a {
text-decoration: none;
font-size: 30px;
color: #e9e9e9;
}

.main_title a:hover {
text-decoration: underline;
font-size: 30px;
color: #e9e9e9;
}

.description {
text-align: center;
font-size: 12px;
color: #e9e9e9;
margin-left: 585px;
width: 336px;
}

#searchform {
float: right;
padding: 7px 10px 0 0;
width: 250px;
}

#s {
background-color: #eeeeee;
border: none;
height: 20px;
float: left;
padding: 5px 0 0 10px;
width: 150px !important;
}

#searchsubmit {
background-color: #d3d3d3;
border: none;
color: #076391;
cursor: pointer;
float: right;
padding: 5px;
width: 80px !important;
}

#searchsubmit:hover {
background-color: transparent;
color: #d3d3d3;
border: 1px solid #eeeeee;
}

/* CONTENT ITEMS 
************************************/

.post {
background-color: transparent;
padding: 10px;
width: 575px;
margin-left: 5px;
border: none;
}

.post a  {
color: #ffffff;
text-decoration: none;
}

.post a:hover  {
text-decoration: underline;
color: #eeeeee;
}

#feature_post {
padding: 10px;
width: 580px;
}

.feature_article {
margin-bottom: 0px;
}

.feature_title a {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/trans_bg.png);
background-position: top left;
background-repeat: repeat;
color: #333333 !important;
margin: 15px 5px;
padding: 5px 10px 10px;
position: absolute;
text-decoration: none !important;
z-index: 10;
width: 570px;
}

.feature_title a:hover {
text-decoration: underline !important;
}

.feature_img {
border: 1px solid #ffffff;
padding: 5px;
position: relative;
z-index: 1;
}

.feature_entry {
width: 600px;
}

.feature_entry li {
list-style : decimal;
margin-left : 25px;
}

.feature_entry ol {
margin-bottom : 10px;
margin-left : 25px;
}

.feature_entry ul {
margin-top : 10px;
margin-left : 20px;
margin-bottom : 10px;
}

.post_title {
color: #ffffff;
font-weight: bold;
}

.metadata {
list-style: none;
float: right;
margin-left: 10px;
padding-bottom: 10px;
text-align: left;
width: 580px;
margin-top: 10px;
}

.postmeta_img {
margin-left: 5px;
margin-right: 5px;
}

.metadata a {
color: #ffffff;
text-decoration: none;
}

.metadata li {
list-style: none;
margin-left: 10px;
}

.author {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/copyright.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.date {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/clock.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.comments {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/comments.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.tags {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/tag_blue.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.category {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/folder_document.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 5px;
height: 20px;
}

.excerpt_post {
background-color: transparent;
background-image: url(img/gradient_bg.jpg);
background-position: top left;
background-repeat: repeat-x;
float: left;
height: 300px;
margin: 0 9px 20px 9px;
padding: 10px;
width: 280px;
border: 2px solid #BF6E00;
}

.excerpt_post h4 {
margin-top: 1px;
}

.excerpt_post h4.except_title a, h4.archivetitle a  {
text-decoration: none;
color: #000000;
font-weight: bold;
}

.excerpt_img {
border: 1px solid #BF6E00;
float: left;
margin: 0 5px 5px 0;
padding: 5px;
}

.excerpt_post a:hover {
color: #333333 !important;
}

.excerpt_post .entry {
padding-top: 25px;
height: 200px;
}

.entry {
padding: 5px 0;
}

.entry li {
list-style : decimal;
margin-left : 25px;
}

.entry ol {
margin-bottom : 10px;
margin-left : 25px;
}

.entry ul {
margin-top : 10px;
margin-left : 20px;
margin-bottom : 10px;
}

.read_more {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/arrow_right.png);
background-position: top right;
background-repeat: no-repeat;
padding-right: 25px;
padding-bottom: 15px;
}

.read_more a {
color: #1F99C6;
}

.postmetadata {
margin-top: 5px;
text-align: left;
}

.postmetadata a {
color: #1F99C6;
}

/* COMMENTS ITEMS 
************************************/

.post_info {
border: 1px solid #1F99C6;
padding: 8px;
text-align: center;
}

a {
color: #ffffff;
}

a:hover {
color: #eeeeee;
}

.navi {
margin: 20px 0;
}

.navleft {
float: left;
}

.navright {
float: right;
}

.author_comment {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/gradient_bg.jpg);
background-position: top left;
background-repeat: repeat-x;
margin-left: 15px;
width: 570px;
}

.commentlist li {
background-color: transparent;
clear: both;
margin-bottom: 20px;
padding-bottom: 10px;
border: 2px solid #1F99C6;
margin-left: 15px;
}

#comments, #respond, .pagetitle {
font-weight: bold;
color: #ffffff;
margin-bottom: 20px;
padding-top: 20px;
text-align: center;
margin-left: 15px;
}

input#author, #email, #url {
background-color: transparent;
border: 1px solid #1F99C6;
float: left;
padding: 4px;
width: 570px;
margin-lelt: 15px;
margin-bottom: 10px;
margin-left: 15px;
}

textarea#comment {
background-color: transparent;
border: 1px solid #1F99C6;
float: left;
padding: 4px;
margin-bottom: 10px;
width: 570px;
margin-left: 15px;
}

.input_title {
color: #ffffff;
float: left;
text-align: left !important;
margin-left: 15px;
width: 570px;
padding-top 20px;
}

#submit {
background-color: transparent;
border: 1px solid #1F99C6;
clear: both;
cursor: pointer;
display: block;
margin-bottom: 20px;
padding: 4px;
margin-left: 15px;
}

.avatar {
float: left;
margin: 10px 10px 5px 0;
}

.comment_entry {
padding: 0 10px;
}

.avatar_div {
padding: 10px;
}

.avatar_div span {
float: right;
}

/* SIDEBAR ITEMS 
************************************/

#sidebartitle {
background-color: transparent;
background-image: url(img/sidebgtitle.jpg);
background-position: top left;
background-repeat: no-repeat;
width: 350px;
height: 90px;
}

#sidebartitle h4 {
color: #DBF3F1;
font-weight: bold;
text-align: left;
padding-left: 30px;
width: 320px;
font-size: 13px:
}

#about {
background-image: url(img/sidebg.jpg);
background-repeat: repeat-y;
padding-left: 3px;
background-position: left;
width: 347px;
}

#sidebartitle_end {
background-color: transparent;
background-image: url(img/sidebottom_end.jpg);
background-position: top left;
background-repeat: no-repeat;
width: 350px;
height: 70px;
}

#sidebar a {
text-decoration: none;
color: #DBF3F1;
}

#calendar_wrap {
background-image: url(img/sidebg.jpg);
width: 350px;
background-repeat: repeat-y;
}

#wp-calendar {
width: 320px;
margin-left: 10px;
color: #DBF3F1;
}

#wp-calendar thead th, #wp-calendar td {
border: none;
width: 33px;
text-align: center;
color: #DBF3F1;
}

.textwidget {
background-image: url(img/sidebg.jpg);
background-repeat: repeat-y;
padding-left: 30px;
color: #DBF3F1;
width: 280px;
padding-right: 40px;
}

.widget {
background: transparent url(img/sidebottom.jpg) no-repeat bottom left; 
padding-bottom: 70px; 
}

.widgettitle {
color: #DBF3F1;
font-weight: bold;
height: 60px;
background-image: url(img/sidebgtitle.jpg);
background-repeat: no-repeat;
background-color: transparent;
background-position: top left;
font-size: 14px;
}

.widget ul {
background-image: url(img/sidebg.jpg);
background-repeat: repeat-y;
}

#sidebar ul li h4 {
text-align: left;
padding-left: 30px;
width: 320px;
font-size: 14px:
font-weight: bold;
}

#sidebar ul li h5 {
text-align: left;
padding-left: 30px;
width: 320px;
font-size: 14px:
font-weight: bold;
}

.sidebar_widget ul {
color: #DBF3F1;
}

.sidebar_widget ul li {
border-bottom: none;
display: block;
list-style: none;
padding: 5px 0;
margin-left: 30px;
width: 285px;
}

.widget_categories {
display: block;
text-align: right;
width: 350px;
}

.cat-item a {
display: block;
float: left;
}

#sidebar h4 {
padding-top: 30px;
}

#sidebar h5 {
padding-top: 30px;
}

.widgettext {
color: #DBF3F1;
margin-left: 30px;
width: 280px;
font-size: 11px;
}

.widget_text {
background-repeat: no-repeat;
}

.ads_small {
background-color: transparent;
width: 310px;
margin-left: 15px;
}

.ads_small img {
padding: 11px;
}

#sidebar_left {
float: right;
margin-top: 20px;
width: 350px;
}

#sidebar ul {
display: block;
list-style: none;
}

/* ARCHIVES ITEMS 
************************************/

.archive ul {
display: block;
list-style: none;
padding: 10px 0 0 10px;
}

.archive li {
border-bottom: 1px dashed #88BC55;
padding: 5px 0;
}

.navigation {
border: 1px solid #023761;
padding: 10px;
}

.navigation a {
color: #023761;
}

.navigation a:hover {
color: #88BC55;
}

.navigation .alignleft {
float: left;
}

.navigation .alignright {
float: right;
}


/* FOOTER ITEMS 
************************************/

#footer .wrapper {
padding: 10px;
color: #eeeeee;
}

#footerlinks {
text-align: center;
color: #eeeeee;
text-decoration: none;
font-weight: bold;
}

#footerlinks a {
color: #eeeeee;
text-decoration: none;
}
    Code (markup):

     
    bigbody300, Dec 30, 2010 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #2
    Remove background-image and just add background and the hex code for the color you need.
    
#wrapper {
width: 1000px;
margin: 0 auto;
background-image: url(img/body.jpg);
background-repeat: repeat-y;
}
    Code (markup):
     
    radiant_luv, Dec 30, 2010 IP
  3. Yuuko008

    Yuuko008 Member

    Messages:
    682
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    33
    #3
    Try to change this.
    #wrapper {
width: 1000px;
margin: 0 auto;
background-image: url(img/body.jpg);
background-repeat: repeat-y;
}
    Code (markup):
    See the " background-image: url(img/body.jpg); " change it to background: #xxxxx;
     
    Yuuko008, Dec 30, 2010 IP
  4. bigbody300

    bigbody300 Well-Known Member

    Messages:
    1,283
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    130
    #4
    Thanks guys!!
     
    bigbody300, Dec 30, 2010 IP
  5. bigbody300

    bigbody300 Well-Known Member

    Messages:
    1,283
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    130
    #5
    now how do i change the font color?? GRRRR...
     
    bigbody300, Dec 30, 2010 IP
  6. bigbody300

    bigbody300 Well-Known Member

    Messages:
    1,283
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    130
    #6
    nevermind found out! :)
     
    bigbody300, Dec 30, 2010 IP