Can anyone provide some CSS help?

  • Resolved neeliarose

    (@neeliarose)


    15 years, 3 months ago

    Ok, for the most part I’m a novice. I alter themes through trial and error. Well I’ve done all I can to try and figure this out, so I’m hoping someone can point it out for me. At my site (neeliarose.com) in between the posts, I want the background to show through. I want it to look like it does in the side bar, with the white boxes and the background showing through. I can not for the life of me get it to work. I’ve tried everything I can think of. I’m assuming it’d be in this section, so if anyone can point out what it is I need to change, I would be forever grateful:

    /* main START */
#main {
 background:none; width:590px; padding:0; margin:0; float:left; overflow:hidden; }
#notice { color:#080; }
#notice a { text-decoration:underline; }
.date { position:absolute; width:34px; height:41px; margin:0; padding:5px 15px 0 18px; right:20px; top:10px; background-image:url(img/bg_date.gif); color:#fff; clear:both;  text-align:;
}
.date span { font-weight:bold; font-size:16px; clear:both; }
.post {float:left; position:relative; width:528px; padding:30px 20px 30px 40px; margin:0 0 10px 0; border:1px solid #000;
background-image:url(img/bg_pattern_stripes.gif); background-position:left top; background-repeat:repeat-y; }
*+html .post { padding-bottom:0px!important; }
.post h2 { display:block; margin:0 0 10px 0; padding:0 100px 20px 0; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; background: #ffffff; background-repeat:no-repeat; background-position:bottom; }
.post h2 a.title { text-decoration:none; color:#000; margin:0 5px 0 5px; }
.post h2 a.title:hover { color:#fa6ea5; }
.post h2 .act a { font-weight:normal; }
.post .info { margin:5px 5px 20px 5px; }
.post .info span.first { margin-left:0; }
.post .author, .post .editpost, .post .comments, .post .addcomment, .post .addlink, .post .editlinks {
 background: #ffffff;
 padding-left:; height:16px; line-height:16px; display:block; font-size:11px; }
.post .tags, .post .categories {
 background: #ffffff;
 width:;
 height:; line-height:16px;  display:block;
 text-indent:;
}
.post .under span.tags, .post .under span.categories {
 margin-right:;
 margin-left:;
 display:; margin:0; }
.post .act { height:16px; float:right; }
.post .act span { float:left; margin-left:15px; }
.post .tags { float:left; }
.post .categories { float:left; }
.post .author { float:left; }
.post .editpost { margin-left:15px; float:right; }
.post .comments { float:right; }
.post .addcomment { margin-left:15px; float:right; }
.post .addlink { }
.post .editlinks { ;
}
.post .content { padding:5px 0 10px 5px; margin:0 0 10px 0; line-height:18px; overflow:hidden; background: #ffffff; background-position:bottom; background-repeat:no-repeat; }
.post .content p { margin-bottom:0px; }
.post .under { line-height:16px; font-size:11px; margin-bottom:10px; }
.post .under span { float:left; margin-right:15px; position:relative; display:block;}
.post .content h4 { color:#080; margin-bottom:10px; }
.post .content img { max-width:600px; }
.post .content ul, .post .content ol { padding-bottom:10px; }
.post .content ul li, .post .content ol li { list-style-position:inside; padding-left:20px; }
.post .content table { background: #ffffff;  border:;
margin:5px 0 10px; }
.post .content th, .post .content td {
 border:; padding:3px 10px; text-align:left; vertical-align:top; }
.post .content tr.even td { background: #ffffff; }
.post .content th { background: #ffffff; }
.post .content .boxcaption { background-image:url(img/postbox.gif); }
.post .content .box { background-image:url(img/postbox.gif); }
#postpath {
 background: #ffffff; line-height:16px; margin:0 0 10px 0; padding:2px 10px 2px 10px; border:1px solid #000; }
#pagenavi, #postnavi {
 border-top:; margin:10px -5px 0; padding:10px 5px 0; }
#pagenavi { font-size:11px; }
#pagenavi .newer a, #postnavi .prev a { background:url(img/bg_arrow_left.gif) no-repeat left; padding-left:15px; float:left; height:16px; line-height:14px; }
#pagenavi .older a, #postnavi .next a { background:url(img/bg_arrow_right.gif) no-repeat right; padding-right:15px; float:right; height:16px; line-height:14px; }
/* main END */
Viewing 3 replies - 1 through 3 (of 3 total)

  • change:

    .post
{
float:left;
position:relative;
width:528px;
padding:30px 20px 30px 40px;
margin:0 0 10px 0;
border:1px solid #000;
background-image:url(img/bg_pattern_stripes.gif);
background-position:left top;
background-repeat:repeat-y;
}

    to:

    .post
{
float:left;
position:relative;
width:528px;
padding:30px 20px 30px 40px;
margin:0 0 10px 0;
border:1px solid #000;
background:#fff url(img/bg_pattern_stripes.gif) repeat-y left top;
}

    I also found that the #main has background:#fff in the actual site which is different from the code you have shown here. If you have introduced that background anywhere else in the code just remove it.

    Thread Starter neeliarose

    (@neeliarose)

    You’re right, I totally forgot I had changed parts. I copy and pasted what I had open in notepad.

    You fixed it! Thank you SO much for your help!

    You are welcome. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can anyone provide some CSS help?’ is closed to new replies.