• I was making a few changes in my style sheet and I realized that the background after the first post on my blog is as wide as the screen. I use firefox, and I also checked this in IE, it is showing up in both browsers.

    http://www.mevsthehouse.com/

    I tried to retrace my steps and undo whatever I did, but no luck. Any help or suggestions would be greatly appreciated!

    /*
    Theme Name: cosmo
    Description: 3 coloumn pro design
    Author: Jinsona designs
    Author URI: http://web2feel.com/
    */

    body {
    margin:0 auto;
    padding-top:40px;
    background:#607C8C;
    font-family:Century gothic, Arial,Tahoma,sans-serif;
    color:#303030;
    font-size:13px;
    }
    img {
    border:0;
    padding:2px 2px 2px 2px;
    }
    a {
    color:#922c03;
    text-decoration:none
    }
    a:hover {
    color:#607C8C;
    text-decoration:none
    }
    h1, h2, h3, h4, h5, h6 {

    }
    blockquote {
    padding-left:10px;
    padding-top:10px;
    color:#555;
    font-style: normal;

    }
    .clear {
    clear:both;
    }
    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 5px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 5px 2px 0;
    display: inline;
    }
    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }
    .entry p { margin: 0 0 1em 0; }

    /* The Wrapper */

    .wrapper {
    width:1000px;
    margin:0 auto;
    background:#fff;
    }

    /* The Top */

    .top {
    height:261px;
    margin:auto;
    background:#fff url(images/top.jpg);
    background-repeat:no-repeat;

    }
    .blogname {
    float:left;
    width:1000px;
    font-family:”Myriad Pro”,Verdana,Tahoma,sans-serif;
    margin:0px 0 0 0;
    }
    .blogname h1 {
    font-size:42px;
    font-weight:normal;
    margin:90px 0px 0 10px;
    color:#fff;
    text-decoration: none;
    text-align:left;
    }
    .blogname h1 a:link, .blogname h1 a:visited{
    color: #fff;
    text-decoration: none;
    background-color:transparent;
    }

    .blogname h1 a:hover {
    color: #607C8C;
    text-decoration: none;
    background-color:transparent;
    }
    .blogname h2 {
    margin:0px 0px 0 25px;
    font-size:16px;
    font-weight:normal;
    color:#fff;
    text-align:left;
    }

    .cat_tag {float:left;}

    .content {
    padding:15px 10px 25px 5px;
    background:#FFFFFF url(images/content.jpg) top;
    background-repeat:repeat;
    }

    #content {
    float: left;
    width: 646px;
    margin: 0px 0px 10px 0;
    padding: 0 0;
    }

    .title{
    margin: 0 0 0;
    padding: 0px 0px 0px 5x;
    height:50px;

    }

    .date1 {
    float:left;
    width:46px;
    height:46px;
    background:url(images/date.jpg);
    background-repeat:no-repeat;
    margin-left:3px;
    text-align:center;
    font-size:13px;
    font-family:Verdana,Helvitica,sans-serif;
    padding-top:3px;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;

    }
    .date1 .day {
    color:#0E0706;
    font-size:20px;
    font-weight:bold;
    padding-top:4px;
    line-height:22px;
    }

    .date {
    float:left;
    height:15px;
    font-size:14px;
    font-family:Century gothic,Verdana,Helvitica,sans-serif;
    padding-left:0px;
    padding-top:1px;
    font-weight:normal;
    color:#703622;
    }

    .post {
    margin: 10px 10px 0 5px;
    padding: 0px 0px 0px 00px;
    height: 100%;
    text-align:left-align;
    color:#444;
    font: 13px Arial,georgia, sans-serif;
    background-color: transparent;
    }

    .post h2 {
    margin: 0 0;
    padding: 0px 0px 0px 10px;
    background: transparent;
    text-align: left;
    font: 22px “Myriad Pro”, Arial, sans-serif;
    font-weight:normal;
    background-color: #fff;

    }

    .post h2 a, .post h2 a:link, .post h2 a:visited {
    color: #793a25;
    background-color: transparent;
    }
    .post h2 a:hover {
    color: #607C8C;
    background-color: transparent;
    }

    .postinfo {
    height:35px;
    padding: 4px 5px 2px 2px;
    background:url(images/meta.jpg);
    background-repeat:no-repeat;
    }

    .postinfo a {

    color:#ff0000;
    font-weight:normal;
    text-decoration:none;
    }
    .category{
    float:left;
    padding:0px 0 0 5px;
    color:#222;
    font-size:12px;
    }

    .com{
    line-height:15px;
    float:right;
    padding:0px 10px 0 45px;
    font-size:12px;
    }

    .com a:link,
    .com a:visited {
    color: #d9031d;
    background-color: transparent;
    }

    .post a:link,
    .post a:visited {
    color: #d03709;
    background-color: transparent;
    }

    .post a:hover {
    color: #607C8C;
    background-color: transparent;
    text-decoration: none;
    }

    .entry {
    margin: 0 0;
    padding: 5px 10px;
    background-color: #fff;
    }
    .cover{
    margin: 0 0;

    }

    #rightcol{
    width:335px;
    float:right;
    }
    .rss{
    margin:0 auto;
    float:left;
    }
    /* The Sidebar1*/
    .sidebar2 {
    float:right;
    width:160px;
    padding-top:0px;
    padding-right:5px;
    font-size:13px;
    }

    .sidebar2 h2 {
    height:27px;
    line-height:27px;
    font-size:13px;
    color:#FFFFFF;
    margin:0;
    background: url(images/h2.jpg);
    background-repeat:no-repeat;
    padding:0px 0 0 3px;
    text-align:left;
    }
    .sidebar2 ul {
    list-style-type: none;
    margin: 0 ;
    padding: 0;

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

    }

    .sidebar2 ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;

    }

    .sidebar2 ul ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;

    }

    .sidebar2 li {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 0;

    }

    .sidebar2 li li {
    list-style-type:none;
    border-bottom:1px dotted #D8C291;
    margin: 0;
    background: #FFFFFF;
    padding: 3px 10px 3px 10px;

    }

    .sidebar2 li li li {
    list-style-type:none;
    border:0;
    margin: 0;
    background: #FFFFFF;
    padding: 3px 10px 3px 2px;

    }

    .sidebar2 li li li li {
    list-style-type:none;
    border:0;
    margin: 0;
    background: #FFFFFF;
    padding: 3px 10px 3px 10px;

    }

    .sidebar2 p {
    padding: 7px 10px;
    background:#FFFFFF;
    margin:0;

    }
    .sidebar2 a:link, .sidebar2 a:visited{
    color:#4B1F12;
    }
    .sidebar2 a:hover {
    color:#607C8C;
    }
    .sidebar2 table {
    width:100%;
    text-align:center;
    background-color:#FFFFFF;
    color:#4B1F12;
    }

    /* The Sidebar1 */
    .sidebar1 {
    float:right;
    width:160px;
    padding-top:0px;
    padding-right:5px;
    font-size:13px;
    }

    .sidebar1 h2 {
    height:27px;
    line-height:27px;
    font-size:13px;
    color:#fff ;
    margin:0;
    background: url(images/h2.jpg);
    background-repeat:no-repeat;
    padding:0px 0 0 3px;
    text-align:left;
    }
    .sidebar1 ul {
    list-style-type: none;
    margin: 0 ;
    padding: 0;

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

    }

    .sidebar1 ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;

    }

    .sidebar1 ul ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;

    }

    .sidebar1 li {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 0;
    background: #FFFFFF;
    }

    .sidebar1 li li {
    list-style-type:none;
    border-bottom:1px dotted #D8C291;
    margin: 0;
    background: #FFFFFF;
    padding: 3px 10px 3px 10px;

    }

    .sidebar1 li li li {
    list-style-type:none;
    border:0;
    margin: 0;
    background: #FFFFFF;
    padding: 3px 10px 3px 2px;

    }

    .sidebar1 li li li li {
    list-style-type:none;
    border:0;
    margin: 0;
    background: #FFFFFF;
    padding: 3px 10px 3px 10px;

    }

    .sidebar1 p {
    padding: 7px 10px;
    background:#FFFFFF;
    margin:0;

    }
    .sidebar1 a:link, .sidebar1 a:visited{
    color:#4B1F12;
    }
    .sidebar1 a:hover {
    color:#607C8C;
    }
    .sidebar1 table {
    width:100%;
    text-align:center;
    background-color:#FFFFFF;
    color:#4B1F12;
    }
    /* — FOOTER — */

    #footer {
    height:30px;
    padding:20px 0 0 0px;
    background: url(images/footer.jpg);
    background-repeat:repeat-x;
    color:#fff;
    font-size:10px;
    font-weight:normal;
    text-align:center;
    letter-spacing:1px;
    }

    #footer a {
    color:#fad53f;
    }

    #footer a:hover {
    color:#eee;
    }

    /* The Navigation */

    .navigation {
    height:25px;
    padding:0 20px;
    }
    .navigation a {
    font-weight:bold;
    text-decoration:none;
    font-size:14px;
    color:#fff;
    }
    .navigation a:hover {
    color:#ccc;

    }

    /* The Attachment */

    .contentCenter {
    text-align:center;
    }

    /* The Page Title */

    h2.pagetitle {
    padding:0;
    margin:0 0 20px 0;
    font-size:25px;
    text-align:center;
    }

    /* The Comments */

    .comments {
    }
    .comments form {
    }
    .comments textarea {
    width:90%;
    height:156px;
    background:#fff;
    border:1px solid #F2C9A9;
    color:#431F05;
    padding:10px;
    overflow:auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    }
    #commentform {
    padding-left:23px;
    }
    #commentform input {
    background:#fff;
    border:1px solid #F2C9A9;
    color:#222;
    padding-left:10px;
    }
    .comments input#submit {
    padding:0;
    width:72px;
    height:29px;
    }
    .comments h2 {
    font-size:19px;
    line-height:30px;
    margin:24px 0 0 23px;
    padding:0;
    font-weight:normal;
    }
    .comments ol li p {
    padding:0;
    margin:10px 0;
    color:#632C03;
    }

  • The topic ‘Post background is wide after 1st post’ is closed to new replies.