WordPress.org

1. jo_leon
   Member
   Posted 2 years ago #

   Hi guys,

   Been wracking my brains all morning, trying to decrease the width of the white bacground section. In order to bring the right hand side in line with where the header image finished - can anyone help?

   Screen Grab - http://yfrog.com/7dscreengrab1lj

   Style.css Code -

   /*
   Theme Name: Blue Drop
   Description: Clean style blue theme.
   Tags: Blue, two-columns, fixed-width
   Version: 1.3
   */

   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
   background: none;
   }

   body {
   background: #4d4d4d url('images/body-background.jpg') repeat-x top;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #4d4d4d;
   }
   #all {
   width: 650px;
   height: auto;
   background:url('images/right-bottom.jpg') no-repeat right bottom;

   }
   #right-fix {
   margin: 0;
   width: 650px;
   height: auto;
   background:url('images/border-left.jpg') no-repeat right top;
   }

   #faux {
   margin: 0;
   width: 900px;
   height: auto;
   background:url('images/faux.jpg') repeat-y top;
   overflow: hidden;
   text-align: left;
   }

   #sidebar {
   height: auto;
   width: 200px;
   margin: 0;
   float: left;
   background:url('images/sidebar-top-l.jpg') no-repeat top;
   }

   #sidebar-cart {
   width: 200px;
   height: 305px;
   }

   #sidebar-content {
   margin: 25px auto auto auto;
   width: 180px;
   height: auto;
   overflow: hidden;
   color: #FFFFFF;
   }

   #sidebar-content h2 {
   margin: 20px auto 7px 15px;
   font-size: 17px;
   font-weight: bold;
   }

   #sidebar-content ul {
   margin: 3px auto auto 15px;
   }

   #sidebar-content ul li {
   margin: 3px auto auto 0;
   padding: 0 0 3px 15px;
   text-decoration: none;
   list-style: none;
   background:url('images/arrow.jpg') no-repeat left;
   border-bottom: #7e7e7e 1px solid;
   }

   #sidebar-content ul li a {
   color: #abc8e2;
   text-decoration: none;
   }

   #sidebar-content #searchform .hidden {
   display:none;
   }

   #sidebar-content form#searchform div {
   margin: 10px 0;
   height: 38px;
   width: auto;
   }

   #sidebar-content #searchform input#s {
   margin: 0 5px auto 10px;
   padding: 0;
   height: 18px;
   width: 104px;
   border: #ABC8E2 solid 1px;
   font-weight:bold;
   font-size: 13px;
   color: #4d4d4d;
   line-height: 20px;
   overflow: hidden;
   text-align:left;
   }

   #sidebar-content #searchform input#searchsubmit {
   margin: 0 auto 0 0;
   height: 28px;
   width: 63px;
   color: #FFF;
   border: 0;
   background: #4D4D4D;
   font-size: 14px;
   font-weight: bold;
   }

   #sidebar-content div#calendar_wrap {
   margin: 0 auto 7px 0;
   width: 250px;
   text-align: center;
   font-size: 14px;
   }

   #sidebar-content #calendar_wrap table{
   margin: 0 auto;
   }

   #sidebar-content #calendar_wrap caption {
   margin: 0 auto 7px 0;
   font-size: 16px;
   font-weight: bold;
   }

   #sidebar-content #calendar_wrap a{
   font-size: 14px;
   color: #abc8e2;
   font-weight: bold;
   text-decoration: none;
   }

   #container-right {
   height: auto;
   width: 650px;
   margin: 0px;
   float: left;
   overflow: hidden;
   }

   #header {
   height: 260px;
   width: 650px;
   margin: 35px auto auto 0;
   background:url('images/header.jpg') no-repeat top;
   text-align: right;
   overflow: hidden;
   }

   #header h1 {
   margin: 180px 35px 0 auto;
   font-size: 28px;
   font-weight: bold;
   }

   #header h1 a {
   text-decoration:none;
   color:#FFFFFF;
   }

   #header p {
   margin: 5px 35px auto auto;
   font-size: 23px;
   color: #FFFFFF;
   }

   #container-content {
   height: auto;
   width: 750px;
   margin: 0;
   text-align: justify;
   overflow: hidden;
   }

   .the-post {
   width: 625px;
   height: auto;
   margin: 20px 20px 0 20px;
   }

   .post-date {
   color: #666666;
   font-size: 12px;
   font-weight: bold;
   }

   .post-meta {
   color: #ABC8E2;
   font-size: 12px;
   text-decoration: none;
   background: url('images/author.gif') no-repeat left;
   }

   .post-meta p {
   margin-left: 20px;
   }

   .post-meta a {
   color: #ABC8E2;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   }

   .post-tags {
   height: 24px;
   line-height: 24px;
   color: #ABC8E2;
   font-size: 12px;
   text-decoration: none;
   background: url('images/tags.gif') no-repeat left;
   }

   .post-tags p {
   margin-left: 20px;
   }

   .post-tags a {
   color: #ABC8E2;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   }

   .post-title h1 a {
   font-size: 25px;
   color: #4265A7;
   text-decoration: none;
   }

   .post-content {
   margin: 10px auto auto auto;
   background: none;
   clear:both;
   }

   .post-content p {
   font-size: 14px;
   line-height: 21px;
   margin-bottom: 8px;
   }

   .post-content p a {
   font-size: 15px;
   color: #4D4D4D;
   text-decoration: none;
   font-weight: bold;
   line-height: 21px;
   margin-bottom: 8px;
   }

   .post-content ol {
   margin: 7px auto 7px 18px;
   }

   .post-content ol li {
   margin-left: 5px;
   padding: 0px;
   }

   .post-content ul {
   margin: 7px auto 7px 14px;
   }

   .post-content ul li {
   margin-left: 5px;
   padding: 0px;
   }

   .post-content h1 {
   margin: 5px auto 5px 0;
   padding-left: 8px;
   padding-bottom: 4px;
   font-size: 25px;
   font-weight: bold;
   border-left: 4px #D5E3F0 solid;
   border-bottom: 1px #D5E3F0 solid;
   }

   .post-content h2 {
   margin: 5px auto 5px 0;
   padding-left: 8px;
   padding-bottom: 4px;
   font-size: 25px;
   font-weight: normal;
   font-style:italic;
   border-left: 4px #D5E3F0 solid;
   border-bottom: 1px #D5E3F0 solid;
   }

   .post-content h3 {
   margin: 5px auto 5px 0;
   padding-left: 8px;
   padding-bottom: 4px;
   font-size: 22px;
   font-weight: bold;
   border-left: 6px #D5E3F0 solid;
   }

   .post-content h4 {
   margin: 5px auto 5px 0;
   padding-left: 8px;
   padding-bottom: 4px;
   font-size: 22px;
   font-weight: normal;
   font-style:italic;
   border-left: 6px #D5E3F0 solid;
   }

   .post-content h5 {
   margin: 5px auto 5px 0;
   padding-left: 8px;
   padding-bottom: 4px;
   font-size: 22px;
   font-weight: normal;
   border-left: 6px #D5E3F0 solid;
   }

   .post-content blockquote {
   background:url('images/blockquote.gif') no-repeat top left;
   margin-top: 20px;
   borgin-bottom: 20px;
   margin-left: 20px;
   border-left: 2px #999999 solid;
   padding-left: 15px;
   }

   .post-content img.alignleft {
   float: left;
   margin: 0 20px 20px 0;
   }

   .post-content img.alignright {
   float: right;
   margin: 0 0 20px 20px;
   }

   .post-content img.aligncenter {
   text-align: center;
   }

   .the-post .comments {
   margin: 20px auto auto auto;
   padding-top: 90px;
   background:url('images/post-divider.gif') no-repeat;
   }

   .comments-template {
   width: 530px;
   }

   .comments-template p {
   text-indent: 0px;
   }

   #commentform #author, #commentform #email, #commentform #url, #commentform #comment {
   background: #ffffff;
   border: 1px solid #cccccc;
   color: #666666;
   }

   .commentlist {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }

   .commentlist li {
   background: #ebebeb;
   padding: 20px;
   border: 1px solid #cccccc;
   margin: 0 0 20px 0;
   }

   .avatar {
   float: left;
   margin: 0 5px 0 0;
   }

   .post-footer {
   margin: 20px 0 auto auto;
   width: 720px;
   height: 73px;
   background:url('images/post-divider.gif') no-repeat;
   }

   #footer {
   margin: 0;
   width: 900px;
   height: 45px;
   background: #4d4d4d;
   color:#FFFFFF;
   }

   #footer p {
   margin: 10px auto auto 250px;
   font-size: 14px;
   }

   #footer p a {
   color: #CCCCCC;
   }

2. stvwlf
   Member
   Posted 2 years ago #

   You can't have a definitive answer from a screenshot and a stylesheet because one can only guess at which div is setting the width for the white block.

   If you can, post a URL. If you can't, consider installing the Firefox Firebug extension and checking for yourself. That's how I'd be able to answer your question if I knew your URL.

Topic Closed

This topic has been closed to new replies.