Title: CSS Issue??
Last modified: August 19, 2016

---

# CSS Issue??

 *  Resolved [ametzler](https://wordpress.org/support/users/ametzler/)
 * (@ametzler)
 * [17 years, 8 months ago](https://wordpress.org/support/topic/css-issue-4/)
 * I am working on adapting a theme for myself and I’ve hit a road block and I am
   just stumped. I am still learning CSS and just have the basics of it down but
   this has me stumped. If you go to [http://www.randomblog.org/](http://www.randomblog.org/)
   you will see the sides of the post border extend up into the post header and 
   post footer and I can not figure out how to fix it. Here is my CSS file, I am
   still cleaning it up removing what I don’t need with the changes but any and 
   all help would be much appreciated!! Thank you in advance!!
 * Adam
 * /*************************************
    +Containers *************************************/
   body{ background:#f5f4f0 url(images/bg.jpg) repeat-x top left; color:#151515;
   font-family: Verdana, Georgia, “Times New Roman”, Times, serif; font-size:72.5%;
   line-height:1.4; margin:0; padding:0; text-align:left; } #wrap{ position:relative;
   margin:0 auto; padding-top:1em; text-align:left; width:1004px; } #header{ text-
   align:left; text-align:left; width:1004px; margin-bottom:90px; padding:0px; padding-
   top:40px; } #portrait-bg { position:absolute; width:319px; height:221px; right:
   0; top:0; }
 * #content{
 *  font-size:1em;
    float:left; padding:0em 0em 0em 1em; width:590px;
 * }
 * #content .post .footer
    { background-image:url(images/post-bottom.png); height:
   23px; }
 * #content .post
    { margin-top:15px; background-image:url(images/post.png); }
 * #content .post .header
    { background-image:url(images/post_header.png); height:
   20px; padding:7px 10px 0px 7px; }
 * #content .post span.date
    { margin-left:7px; font-size:10px; background-image:
   url(images/date.jpg); background-repeat:no-repeat; padding:3px 10px 3px 18px;
   background-position:0px 2px;
 * }
 * #content .post .comments a
    { margin-left:7px; font-size:10px; background-image:
   url(images/comments.jpg); background-repeat:no-repeat; background-position:0px
   2px; padding:3px 0px 3px 18px;
 * }
 * #content .post .entry
    { color:#333333; padding:10px; }
 * #content .post p.postmetadata
    { font-size:10px; position:relative; left:30px;}
 * .entry img
    { max-width:580px; margin-left:0px; margin-right:5px; border:0; }
 * #sidebar-left{
    background:#FCFCFC; border:1px #ccc dashed; font-size:1em; float:
   left; padding:0.5em .2em 2em 1em; margin-left:20px; width:198px;
 * }
    #sidebar-right{ font-size:1em; float:left; padding:1em .0em 2em .3em; margin-
   left:14px; width:147px; }
 * #footer{
    background:url(images/bg-footer.jpg) repeat-x bottom left; padding:
   1em; color:#e6e6e6; font-size:1em; clear:both; text-align:center; }
 * /*************************************
    +Search form *************************************/.
   search-form { font-size:1.2em; background:url(images/search.jpg) no-repeat; position:
   relative; width:147px; height:44px; margin-bottom:10px; } .search-form input{
   width:125px; margin:14px 0 0 10px; border:0px; background:#f9f9f9; color: #454545;}/*************************************
   +Footer *************************************/
 * #credits {
    margin:55px 0px -10px; } #footer a { color:#b3960e; } #footer a:hover{
   color:#b2b2b2; } .rss { background:url(./images/rss.gif) no-repeat; padding-bottom:
   6px; padding-left:20px; }
 * /*************************************
    +Hn, a and p *************************************/
   pre {
 *  padding:10px;
    max-width:580px; font-size:1.2em; }
 * code {
    padding:10px; font-size:1.2em; max-width:580px; }
 * a{
    color:#7f9a42; text-decoration:none; } a:hover{ color:#000; } h1, h2, h3,
   h4{ font-weight:normal; letter-spacing: -.1px; margin:0; } #header h1{ font-size:
   4em; margin-left:.5em; } #header h1 a{ color:#424242; }
 * #header p{
    color:#424242; font-size:1.3em; margin-top:-0.9em; margin-left:250px;
 *  text-align:left;
    font-style:italic; } .entrytitle { text-align:left; padding:
   2px 10px; }
 * .entrytitle h1 a {
    color:#000; } .entrytitle h1 a:hover{
 * }
    .entrytitle h1{ font-size:2em; text-align:left; }
 * .entrytitle h2 a {
    color:#000; } .entrytitle h2 a:hover{
 * }
    .entrytitle h2{ font-size:2em; text-align:left; }
 * .entrytitle h3{
    font-size:1.5em; color:#6F6F6F; }
 * #rss-big a{
    display:block; width:110px; height:64px; } blockquote {
 *  display: block;
    padding: 2px 10px; background:#F0F0E0 none repeat scroll 0%
   0%; border:2px dashed #DCD8A8;
 * }
 * /*************************************
    +Sidebar *************************************/#
   sidebar ul{ list-style-type:none; margin:0; padding:0; margin-bottom:1em; clear:
   both; }
 * #sidebar ul li, #sidebar ul li a{
    padding-top:.2em; padding-bottom:.2em; padding-
   right:.2em; } #sidebar ul li:hover, #sidebar ul li a:hover{ background:#F0F0E0;}
 * #sidebar h2{
    color:#6F6F6F; font-size:1.5em; margin-top:1em; }
 * #sidebar h4{
    color:#151515; font-size:1.5em; margin-top:1em; }
 * #sidebar-left #cat {
    width: 195px; border:1px solid #CCCCCC; }
 * #sidebar-right #cat {
    width: 150px; border:1px solid #CCCCCC; }
 * #sidebar img {
    max-width:140px;
 *  border: 0px;
    }
 * /*************************************
    +Menu *************************************/#
   menu { position:absolute; width:620px; padding:0px; margin:0px; } #menu ul{ font-
   size:.9em; list-style: none; padding:0; margin:0; } #menu li{ float: left; border-
   bottom:0px; } #menu li a { color:#ffffff; padding:0.6em 0.6em 0.3em; margin-left:
   0.5em; display:block; } #menu li a:hover{
 *  color:#0095d3;
    } #menu ul li ul { display:none; }
 * /*************************************
    +Menu Categories *************************************/#
   catmenu { position:absolute; width:620px; padding:0px; margin:0px; left:60px;
   top:148px; } #catmenu ul{ font-size:1em; font-weight:bold; list-style: none; 
   padding:0; margin:0; } #catmenu li{ float: left; border-bottom:0px; } #catmenu
   li a { background:#349ACB; color:#ffffff; padding:8px 10px 8px 10px; margin-left:
   0.0em; display:block;
 * }
    #catmenu li.current-cat a{ background:#349ACB; color:#ffffff; padding:8px 
   10px 8px 10px; margin-left:0.0em; display:block; } #catmenu li a:hover { background:#
   000000; color:#fff; } #catmenu ul li ul { display:none; } /*************************************
   +Comments *************************************/ .commentsblock, contactform{
   font-size:1em; clear:both; padding-top:20px; } .commentsblock textarea, .contactform
   textarea{ width:44em; } .commentsblock input, .commentsblock textarea, .contactform
   input, .contactform textarea{ border:1px solid #d1d1d1; } .commentsblock textarea:
   focus, .contactform textarea:focus{ background:#eee; border:1px solid #a1a1a1;}.
   commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:
   focus, .contactform input:focus{ background:#eee;
 *  border:1px solid #a1a1a1;
    } .commentauthor{ display:block;
 *  font-size:1.5em;
    } ol.commentlist{ color:#505247; font-size:1em; list-style-
   type:none; margin:0; margin-top:1.5em; padding:0; } ol.commentlist a{ color:#
   b3960e; } ol.commentlist a:hover{ color:#424242; } .commentlist li{ margin-bottom:
   0.5em; padding:0.8em; }
 * .commentlist p {
    margin:10px 5px 10px 59px; text-transform:none; font-size:1em;
 * }
    .commentlist blockquote p { margin:10px 5px 10px 5px; }
 * .commentlist blockquote {
 * margin:10px 0px 10px 59px;
    }
 * .alt{
    background:#e3e7cb;
 * }
    .comment_headings{ font-size:1.3em; color:#6C6C6C; } .commentmeta{ font-size:
   1em;
 * }
    .commentmeta cite{ font-weight:bold; font-size:16px; } /*************************************
   +Flickr *************************************/ #flickr { margin:0 1em 0 .5em;
   padding:0em; } #flickr img { border:0px;
 * }
    #flickr a {
 *  background:#FFF;
    border: 1px dotted #ccc; float: left; display: inline; margin:
   0.7em; padding:5px; width: 75px; height: 75px; } #flickr a:hover{ border: 1px
   dotted #000; } /************************************* +Misc *************************************/
 * #ad_block {
    background:#e3e7cb; padding: 10px 0 10px 0; margin: 1em 0 1em 0;
   text-align: center; } #ad_block_middle { background:#e3e7cb; padding: 10px 0 
   10px 0; margin: 1em 0 0em 0; text-align: center; }
 * img.left {
    float: left; margin-right: 15px; margin-bottom: 10px; }
 * img.right {
    float: right; margin-left: 15px; margin-bottom: 10px; }
 * /*************************************
    +Vlado *************************************/
 * .archd {
    background:#BFBC94 none repeat scroll 0%; color:#FFFFFF; margin-bottom:
   10px; display:block; text-align: center; }
 * /*Next Previous Styling*/
    div#nav-below{font-size:0.9em;padding-bottom: 2px;
   border-bottom:1px dotted #ccc;} div#nav-below .nav-next{text-align:right; margin-
   top:-2px;} div#nav-below .nav-previous{text-align:left;margin-top:15px;}
 * div#nav-global{font-size:1em;padding:3em 0px 2px 0px; border-bottom:1px dotted#
   ccc;}
    div#nav-global .nav-previous{text-align:left;} div#nav-global .nav-next{
   text-align:right;margin-top:-1.4em; }
 * .sb {padding: 0.4em 0em 0em 0.2em;}
    .sbdel {padding-left: 16px; background: 
   url(images/delicious.gif) center left no-repeat;} .sbdigg {padding-left: 16px;
   background: url(images/digg.gif) center left no-repeat;}
 * .relpost {
    padding-bottom:2px; border-bottom:1px dotted #ccc; color: #6C6C6C;}.
   relpost ul { list-style-type:none; padding: 0.01em; }
 * .dotie {border: 1px dotted #cccccc; padding: 6px 10px; font-size:1em;}
    .endate{
   font-size:1.2em; color:#6F6F6F; font-family: Georgia, Verdana, Times; }
 * #ftnav {
    margin:0px 0px 5px; }
 * #print{
    background:url(./images/print.gif) no-repeat; padding:3px 2px 1px 20px;}
 * .btitle{
    font-weight:normal; letter-spacing: -.1px; margin:0; font-size:4.6em;
   margin-left:.5em; font-family:times New Roman; font-style:italic;
 * }
    .btitle a{ color:#333333; }
 * #translation_bar a{
    padding:1.5px; }/* Coldskin #3 for Contact Coldform WordPress
   Plugin @ [http://perishablepress.com/press/2008/01/08/contact-coldform/](http://perishablepress.com/press/2008/01/08/contact-coldform/)
   @ [http://perishablepress.com/press/2008/01/08/contact-coldskins/](http://perishablepress.com/press/2008/01/08/contact-coldskins/)*/
 * div#coldform * {
    padding: 0; margin: 0; } div#coldform { font-family: Verdana,
   sans-serif; background-color: #F8F8EC; font-size: 12px; margin: 12px 0; width:
   600px; color: #333; } div#coldform fieldset { border: 0 none; display: block;
   clear: both; } div#coldform legend.hide { display: none; } div#coldform label.
   label { margin: 5px 0px 0px 0px; text-align: left; display: block; border: 0 
   none; float: left; clear: both; } div#coldform input.input { padding: 3px; float:
   left; clear: both; width: 50%; border:1px solid #cccccc;
 * }
    div#coldform textarea#coldform_message { font-family: Verdana, sans-serif;
   line-height: 1.5em; font-size: 12px; padding: 3px; float: left; clear: both; 
   width: 80%; border:1px solid #cccccc; } div#coldform input.submit { margin: 6px
   0 12px 0; padding: 3px; width: 25%; border:1px solid #cccccc; }
 * .postinfo {
 * margin-top: 3px;
    }
 * .postinfo img {
    padding :0px; margin:0px; border:2px solid #F8F8EC; }
 * .socbook {
    float:right; }
 * .entrydate .dateMonth {
    font-size:10px; margin:0pt; padding:3px 0pt 0pt; text-
   align:center; color:#FFFFFF;
 * }
 * .entrydate .dateDay {
    font-family:Times New Roman,Helvetica,Sans-Serif; font-
   size:21px; font-weight:bold; margin:0pt; padding:3px 0px 0pt 0pt; text-align:
   center; color:#888888; }
 * .entrydate .dateYear {
    padding:0px 0px 0pt 1pt; font-size:9px; }
 * .entrydate {
    background:transparent url(images/date.png) repeat scroll 0% 0%;
   float:right; height:53px; margin-left:5px; margin-top:5px; width:49px; }
 * .entrytitle_wrap {
    padding-bottom: 1.8em; }
 * .gravatar {
    background-color:#FFFFFF; color:#FFFFFF;
 * clear:right;
    float:left; margin:0px 15px 0px 0px;
 * padding:2px;
    }
 * img.centered {
    display: block;
 *  margin-left: auto;
    margin-right: auto; }
 * img.alignright {
    padding: 4px; margin: 0 0 2px 7px; display: inline; }
 * img.alignleft {
    padding: 4px; margin: 0 7px 2px 0; display: inline; }
 * .alignright {
    float: right; }
 * .alignleft {
    float: left; } .aligncenter { display: block; margin-left: auto;
   margin-right: auto; }
 * .wp-caption {
    border: 1px solid #ddd; text-align: center; background-color: #
   f3f3f3; padding-top: 4px; margin: 10px; border-radius: 3px; }
 * .wp-caption img {
    margin: 0; padding: 0; border: 0 none; }
 * .wp-caption-dd {
    font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin:
   0; }
 * .post h2 a
    { float:right; color:#096594; font-size:16px; text-decoration:none;}

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

 *  [chaoskaizer](https://wordpress.org/support/users/chaoskaizer/)
 * (@chaoskaizer)
 * [17 years, 8 months ago](https://wordpress.org/support/topic/css-issue-4/#post-873553)
 * add the below code inside your css
 *     ```
       #content .post .header,
       #content .post .footer {
        background-color: #F5F4F0
       }
       ```
   
 *  Thread Starter [ametzler](https://wordpress.org/support/users/ametzler/)
 * (@ametzler)
 * [17 years, 8 months ago](https://wordpress.org/support/topic/css-issue-4/#post-873557)
 * Wonderful, thank you very much. I had a feeling it would be something very simple..
   lol.

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

The topic ‘CSS Issue??’ is closed to new replies.

 * 2 replies
 * 2 participants
 * Last reply from: [ametzler](https://wordpress.org/support/users/ametzler/)
 * Last activity: [17 years, 8 months ago](https://wordpress.org/support/topic/css-issue-4/#post-873557)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics