WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Background Color Won't Change Please Help!! (7 posts)

  1. Josparky
    Member
    Posted 5 years ago #

    I have looked all over and I found what should work but it is not can someone please take a look and tell me what I am doing wrong..I wont to change the background White to blue..I am using the magicblue 1.2 template and here is the style sheet and the link to the site..
    Thanks for any help you can provide..

    http://sapphirestimulussystem.com/

    /*
    Theme Name: magicblue
    Theme URI: http://www.blogchemistry.com/2008/09/13/free-wordpress-theme-magicblue/
    Description: 2 column, with RHS widget sidebar
    Version: 1.2
    Tags: fixed width, two columns, widget ready, white, blue
    Author: BlogChemistry
    Author URI: http://www.blogchemistry.com/
    */

    body {
    margin: 0;
    padding: 0;
    color: #333;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.1%;
    background: #777;
    }

    #wrapper{
    width: 760px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    font-size: 78%;
    line-height:18px;
    background: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    }

    #wrapper2{
    background: #fff;

    }

    #superheader{
    padding: 0;
    margin: 0;
    height: 13px;
    }

    #header{
    padding: 0 0 0px 0;
    height: 205px;
    margin: 0 0 0px 0;
    border-bottom:2px solid #fff;
    }

    #content{
    clear:both;
    padding: 0;
    margin: 15px 10px;
    }

    #main {
    width: 530px;
    float:left;
    margin: 0;
    padding: 0 0 10px 0px;
    overflow:hidden;
    }

    #sidebar {
    padding: 0;
    margin: 0px 0px 0px 540px;
    }

    #footer {
    clear: both;
    margin: 0;
    padding: 10px 16px 0 16px;
    text-align: center;
    font-size: 85%;
    background: #fff;
    }

    #footer-inner{
    background: #F0F9FF;
    height: 45px;
    border-top: 1px solid #8CD1FD;
    border-bottom: 1px solid #8CD1FD;
    }

    #footer-inner p{
    padding:15px 0 20px 0;
    margin:0;
    }

    #navigation{
    padding: 5px 15px;

    }

    #navigation div.fleft{
    float:left;
    }

    #navigation div.fright{
    float:right;
    }

    #credit{
    text-align:right;
    font-size: 80%;
    }

    #credit p{
    margin: 0px 10px;
    padding: 3px;
    }
    #credit p a{
    color: #777;
    font-weight:100;
    }
    #credit p a:hover{
    color: #777;
    }

    #subscribe{
    text-align:center;
    }

    #subscribe p{
    margin: 5px 0;
    }

    /* ********** default styles *********** */

    p, h1, h2, h3, h4, h5, h6{
    margin: 10px 0;
    padding: 0;
    }

    h1, h2, h3, h4, h5, h6 {
    font-family: 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
    }

    h1{
    font-size: 190%;
    }
    h2{
    font-size: 160%;
    }
    h3{
    font-size: 120%;
    }
    h4{
    font-size: 110%;
    }
    h5{
    font-size: 100%;
    }
    h6{
    font-size: 90%;
    }

    a{
    color:#00538A;
    font-weight:800;
    text-decoration:none;
    }
    a:hover{
    color:#00538A;
    text-decoration:underline;
    }

    a img{
    border:0px;
    }

    hr{
    height:2px;
    margin:5px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    }

    blockquote{
    background: #EBF7FF;
    padding: 5px 15px;
    margin: 3px 30px;
    border-left: 4px solid #8CD1FD;
    border-top: 1px solid #EBF7FF;
    border-right: 1px solid #EBF7FF;
    border-bottom: 1px solid #EBF7FF;

    }

    form{
    margin: 0;
    padding:0;
    }

    fieldset{
    padding:10px;
    margin:0;
    border:none;
    }

    legend{
    font-weight:800;
    }

    code{
    font-size: 90%;
    font-family: "Courier New", Courier, monospace;
    white-space: pre;
    }

    td{
    vertical-align:top;
    }

    #tabs{
    padding: 0;
    background:black;
    }

    #tabs ul{
    margin: 0;
    padding:3px 0;
    list-style-type:none;

    }

    #tabs ul li{
    margin: 10px 0 3px 15px;
    padding: 6px 15px 6px 0px;
    display:inline;
    border-right: 2px solid #fff;
    font-size: 90%;
    font-family: Tahoma, Arial, sans-serif;
    }

    #tabs ul li a{
    color: white;
    }

    #tabs ul li a:hover{
    color:#A1E7FD;
    text-decoration:none;
    }

    /* Headings */

    form#searchform2{
    display: block;
    margin: 3px 0px;
    }

    #header h3{
    margin: 0;
    padding: 15px 0 0 15px;
    font-weight:800;
    font-size: 200%;
    }

    #header h3 a{
    font-weight:100;
    color: white;
    text-decoration: none;
    }

    #header h2{
    margin: 0;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    letter-spacing:1px;
    padding: 10px 0 5px 17px;
    font-weight:800;
    color: white;
    font-size: 90%;
    }

    h2#sectiontitle{
    font-size:150%;
    font-weight: 100;
    padding:6px 6px 6px 10px;
    margin:8px 10px 5px 0px;
    color: #444;
    border-top: 1px solid #8CD1FD;
    background:#EBF7FF;
    }

    /* post styles */

    .post{
    margin: 0 0 10px 0;
    padding: 5px;
    }

    .entry{
    margin: 0;
    padding: 5px 10px 8px 10px;
    }

    .post h2 {
    color: black;
    font-size: 150%;
    font-weight:100;
    padding: 2px 0 4px 2px;
    margin: 0 0 15px 0;
    }

    .post h2 a{
    color: black;
    text-decoration:none;
    font-weight:100;
    }

    .post h2 a:hover{
    text-decoration:none;
    color: black;
    }

    .postmetadata{
    font-size:80%;
    border-top: 1px solid #8CD1FD;
    background:#EBF7FF;
    padding: 1px 0 1px 5px;
    margin: 0 5px;
    }

    .postmetadata p{
    line-height: 15px;
    padding: 0;
    margin: 3px 0;
    }

    /* Comments */

    h3#comments, h3#postcomment{
    font-size: 100%;
    font-family:verdana, sans-serif;
    }

    ol#commentlist{
    padding: 0 0 0 20px;
    font-size: 90%;
    list-style-type:none;
    }

    ol#commentlist li{
    padding: 2px 10px;
    margin: 0;
    }

    ol#commentlist li p.commentheader{
    margin: 3px 0 0px 0;
    padding: 1px 5px;
    }

    ul#commentlist{
    padding: 0;
    margin:0;
    list-style-type:none;
    }

    ul#commentlist li{
    display: block;
    padding: 0;
    margin: 0 15px;
    font-size:90%;
    border: 4px solid white;
    }

    ul#commentlist li div.gravatar {
    width:40px;
    float:left;
    text-align: center;
    padding: 5px 0 0 5px;
    }

    ul#commentlist li div.gravatar img{
    border: 2px solid #ddd;
    }

    ul#commentlist li p.commentauthor {
    padding: 0;
    margin: 0 0 2px 0;
    overflow:hidden;
    }

    ul#commentlist li p.commentheader{
    margin: 0 0 10px 0;
    padding: 0px;
    }

    ul#commentlist li div.commenttext{
    padding: 0 0 0 0px;
    margin:5px 10px 5px 60px;
    }

    ul#commentlist li div.commenttext div.commentwrapper{
    background: #F0F9FF;
    margin:0 0 0 5px;
    padding: 3px 8px;
    border-top: 1px solid #8CD1FD;
    }

    /* sidebar styles */

    .menu{
    padding:0;
    font-size:90%;
    }

    .menu a{
    font-weight: 100;
    }

    .menu a:hover{
    text-decoration:none;
    }

    .menu ul{
    margin:0;
    padding:0 0 0 0px;
    list-style-type:none;
    }

    .menu ul li.widget{
    padding:2px;
    margin:0 0 7px 0px;
    }

    .menu ul li.widget ul{
    margin: 0;
    padding:0;
    }

    .menu ul li.widget ul li{
    padding: 2px 0 2px 12px;
    margin:0;
    border-bottom: 1px solid #eee;
    }

    .menu ul li.widget ul li ul{
    }

    .menu ul li.widget ul li ul li{
    border-top: 1px solid #eee;
    border-bottom: none !important;
    padding: 0 0 0 11px;
    }

    .menu ul li.widget h3{
    font-size:120%;
    padding:2px 0 3px 5px;
    margin:0;
    color: #222;
    font-weight: 800;
    font-family: arial, verdana, sans-serif;
    font-variant:small-caps;
    border-bottom: 1px solid #8CD1FD;
    border-top: 3px solid #8CD1FD;
    letter-spacing:2px;
    }

    .menu ul li h3 a{
    color: #023A5E;
    font-weight: 800;
    }
    .menu ul li h3 a:hover{
    color: #023A5E;
    text-decoration: none;
    }

    .menu form{
    display:block;
    margin:0px;
    padding:4px;
    }

    .menu input{
    margin:3px 0;
    font-size:90%;
    }

    li.widget .textwidget, li.widget #search {
    padding: 2px 5px;
    }

    /* Calendar styles */
    #wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

    #wp-calendar a {
    display: block;
    }

    #wp-calendar caption {
    text-align: center;
    width: 100%;
    }

    #wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

    #footer a{
    font-weight: 100;
    }

    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .alignleft {
    float: left;
    }

    .alignright {
    float: right;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    Thanks Again for any help anybody can provide I have changed it at the top and then went down the list changing all the white to blue still couldn't get it to change..

  2. randinicole
    Member
    Posted 5 years ago #

    replace the color code in the wrapper2 tag

    #wrapper2{
    background:whateverblueyouwant;
    }

  3. Josparky
    Member
    Posted 5 years ago #

    Tried that used #+++ and tried just putting in blue it still doesn't work any other suggestions..It doesn't make any since..

  4. Josparky
    Member
    Posted 5 years ago #

    Ok I change the wrapperbg.gif file to a diffrent color and got the right side blue but the main page is still staying white???
    Thanks for any help..

  5. thisisedie
    Member
    Posted 5 years ago #

    Don't know how much difference it'll make but in this chunk of code:

    #wrapper{
    width: 760px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    font-size: 78%;
    line-height:18px;
    background: 333;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    }

    you don't have the # before the numbers.

    background: 333;

    should be

    background: #333;

  6. thisisedie
    Member
    Posted 5 years ago #

    Ohhhh I got it! In your header.php is where this would be I believe:

    #wrapper2 {background: #fff url("http://sapphirestimulussystem.com/wp-content/themes/magicblue/images/wrapperbg.gif") top right repeat-y; }

    The bold part is making the main background white. It overides the stylesheet. Just change it to what you want.

  7. Josparky
    Member
    Posted 5 years ago #

    THANK YOU THAT DID IT..!

    Thanks Alot

Topic Closed

This topic has been closed to new replies.

About this Topic