background image question
-
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
-
provide your css code first of all…
/*
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 */it seems to be correct. can you give a link to a site?
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?
line 53
#header { background:#D2E4FA url(images/header3.gif) no-repeat scroll 0%; }
delete bg color #D2E4FAok but what about the rest like the middle and footer it does the same ….
and thank youok i did what u said now go see what it did it messed it up for some reason
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
ok well this was one of the outof box templates i download so i am learning from it…..
The topic ‘background image question’ is closed to new replies.