• Resolved cutiesexpressions

    (@cutiesexpressions)


    i am trying to add a whole page bg to my wordpress theme but when i insert the coding on my css sheet it only shows the bg image behind my header tag and i dont understand why can someone help me thank you

Viewing 9 replies - 1 through 9 (of 9 total)
  • stigmat

    (@stigmat)

    provide your css code first of all…

    Thread Starter cutiesexpressions

    (@cutiesexpressions)

    /*
    Theme Name:Sweet Daisey
    Theme URI: http://www.cutiesexpressions.com/
    Description: Sweet Daisey
    Author:Cuites expressions
    Author http://www.cutiesexpressions.com/
    © 2008,Cuites expressions. All rights reserved.
    */

    cite a:link, cite a:visited
    {
    color:#f7c000;
    }

    .commentlist a, .commentlist a:hover
    {
    background: none;
    }

    body {
    font-family:Tahoma, sans-serif;
    font-size:11px;
    color:#333333;
    text-align: center;
    background: #D1E4FA url(images/bg2.jpg);
    margin: 0px auto;
    padding: 0px;
    }

    a {
    color:#f7c000;
    text-decoration:underline;}

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

    img {
    border:0;}

    div#container {
    margin-left: auto;
    margin-right: auto;
    width:750px;
    background:#ffffff url(images/main1.jpg) repeat-y;
    text-align: left;
    }

    #header {
    width:750px;
    height:300px;
    background:#D2E4FA url(images/header3.gif) no-repeat;
    float:right;}

    .header-title {
    font-family: Tahoma, Verdana, Arial;
    color:#A2D6FA;
    font-size:33px;
    padding:100px 0 0 435px;
    text-align:left;
    }
    .header-title a{
    color:#A2D6FA;
    text-decoration:none;
    border-bottom:none;
    }
    .header-title a:hover{
    color:#A2D6FA;
    text-decoration:none;
    border-bottom:none;
    }
    .header-description {
    color:#333;
    padding:0 0 0 435px;
    text-align:left;
    }

    div#content {
    width:703px;
    padding:0 18px 0 29px;
    clear:both;}

    div#left {
    width:450px;
    padding:0 37px 50px 26px;
    background:url(images/content_left.gif) repeat-y;
    float:left;}

    div#right {
    width:183px;
    float:right;}

    #comment
    {
    width: 450px;
    border:1px solid #cccccc;
    }

    .content_post {
    width:450px;
    float:right;
    margin:0 0 30px 0;}

    .content_title {
    font-size:24px;
    border-bottom:1px dotted #afa18f;}

    .content_title a:link, .content_title a:visited
    {
    text-decoration: none;
    color:#3e4d24;
    }

    .post_info {
    height:20px;}

    .content_post_cat {
    color:#333333;
    float:left;}

    .content_post_comments {
    color:#333333;
    float:right;}

    .content_post hr {
    height:2px;
    width:100%;
    clear:both;
    margin:0; padding:0;
    border-top:1px solid #fff;
    border-bottom:1px dashed #fff;
    border-left:1px dashed #fff;
    border-right:1px dashed #fff;
    }

    .box_right_top {
    color:#333333;
    font-weight:bold;
    font-size:13px;
    text-align: center;
    width:166px;
    margin:15px 0 0 0;
    background: #A2D6FA;
    }

    .box_right {
    width:164px;
    background: #ffffff;
    margin-bottom: 5px;
    padding-bottom: 3px line-height:15px;
    border:1px dotted #f7c000;

    }

    .box_right li{margin: 5px 0px 5px 0px;}

    ul {
    margin:5px; padding:0;
    list-style:none;}

    li a {
    color:#333333;
    padding:0 0 0 21px;
    background:url(images/star.gif) no-repeat;}

    li a:hover {
    color:#A2D6FA;
    padding:0 0 0 21px;
    background: url(images/star.gif) no-repeat;}

    div#footer {
    width:750px;
    height:37px;
    clear:both;
    text-align:center;
    background:url(images/footer.jpg) no-repeat;}

    div#footer_sponsors {
    width:750px;
    height:22px;,
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    background:#ffffff;}

    .wordpress {
    margin:11px 0 0 0;
    float:left;}

    .rss {
    margin:29px 0 0 0;
    float:right;}

    /* forms
    ———————————————– */
    form {
    margin:0; padding:0;}

    .clearfix:after {
    content: “.”;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .clearfix {display: inline-block;}

    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

    stigmat

    (@stigmat)

    it seems to be correct. can you give a link to a site?

    Thread Starter cutiesexpressions

    (@cutiesexpressions)

    http://www.cutiesexpressions.com/wordpress when u see it ull see the center section the bg on it is over lapping the main page bg and i dont want it to do that?

    stigmat

    (@stigmat)

    line 53
    #header { background:#D2E4FA url(images/header3.gif) no-repeat scroll 0%; }
    delete bg color #D2E4FA

    Thread Starter cutiesexpressions

    (@cutiesexpressions)

    ok but what about the rest like the middle and footer it does the same ….
    and thank you

    Thread Starter cutiesexpressions

    (@cutiesexpressions)

    ok i did what u said now go see what it did it messed it up for some reason

    stigmat

    (@stigmat)

    the container bg is the reason. also the design is problematic. slices are not transparent. i suggest you to redesign and improve a layer code. there is no other way to make it better

    Thread Starter cutiesexpressions

    (@cutiesexpressions)

    ok well this was one of the outof box templates i download so i am learning from it…..

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘background image question’ is closed to new replies.