Sidebar Content Alignment

• 

  michaelahapgood · Member · Oct 3, 2011 at 3:07 pm

  • Copy link
  • Add topic to favorites

  Someone created me a custom theme to use, my problem is, when I try to move the sidebar and content so that they are centered the sidebar jumps below the main content. It is driving me nuts, because I’m still realitively new to WordPress and I can’t quite figure what I am doing wrong.

  body {
  background-image: url(blog/wordpress/wp-content/themes/aj/images/bg.png);
  background-repeat:repeat-x;
  background-color:#F0ECE7;
  color:#D9B49A;
  font-size:11px;
  line-height: 11px;
  margin: 0;
  padding:0;
  font-family: arial;
  }

  textarea, button, select {
  background-color: #ffffff;
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #000000;
  padding:5px;
  font-weight: normal;
  text-transform: none;
  letter-spacing:0px;
  line-height : 12px;
  font-size:11px;
  text-decoration : none;
  font-family: Arial;
  text-align :justify;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }

  option {
  background-color: #ffffff;
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #000000;
  padding:5px;
  font-weight: normal;
  text-transform: none;
  line-height : 11px;
  font-size:10px;
  text-decoration : none;
  font-family: Arial;
  text-align :justify;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }

  input {
  background-color: #ffffff;
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #000000;
  padding:3px;
  font-weight: normal;
  text-transform: none;
  letter-spacing:0px;
  line-height : 12px;
  font-size:11px;
  text-decoration : none;
  font-family: Arial;
  text-align :justify;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }

  blockquote {
  background:#E9E9E9 url(/wordpress/wp-content/themes/aj/images/bq.png) no-repeat;
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;

  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;

  text-align: center;
  padding-left:80px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  color: #BCA390;
  font-family: Tahoma;
  margin: 10px;
  line-height: 100%;
  }

  a:link, a:active, a:visited {
  color: #ffffff;
  text-decoration : none;
  font-weight: bold;
  }

  a:hover {
  color: #ffffff;
  text-decoration : None;
  }

  .comment {
  line-height: 100%;
  margin-left: 120px;
  margin-top: 90px;
  position: absolute;
  height: auto !important;
  font-family: Georgia;
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  letter-spacing:-1px;
  color: #BEA693;
  clear:both;
  background-color: #transparent;
  }

  .comment a:link, .comments a:active, .comments a:visited{
  color: #BEA693;
  text-decoration : none;
  font-size: 30px;
  text-align: center;
  letter-spacing:-1px;
  font-weight: bold;
  font-style: italic;
  line-height: 100%;
  }

  .comment a:hover {
  color: #BC9C86;
  text-decoration : None;
  }

  .content img {
  border: 0px solid #BEA693;
  filter: alpha(opacity=100)
  -moz-opacity : 1.0; opacity : 1.0 ;
  padding: 5px;
  margin-bottom:2px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #BEA693;
  cursor:default;
  border-right:0px solid #E3E3E3;
  border-bottom:0px solid #E3E3E3;

  }

  .content img:hover {
  border: 0px solid #BEA693;
  filter: alpha(opacity=100)
  -moz-opacity : 1.0; opacity : 0.9 ;
  padding: 5px;
  margin-bottom:2px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #BEA693;
  cursor:default;
  border-right:0px solid #E3E3E3;
  border-bottom:0px solid #E3E3E3;
  }

  .content a img {
  border: 0px solid #BEA693;
  filter: alpha(opacity=100)
  -moz-opacity : 1.0; opacity : 1.0 ;
  padding: 5px;
  margin-left:3px;
  margin-bottom:2px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #BEA693;
  cursor:default;
  border-right:0px solid #E3E3E3;
  border-bottom:0px solid #E3E3E3;
  }

  .content a img:hover {
  border: 0px solid #BEA693;
  filter: alpha(opacity=90)
  -moz-opacity : 0.9; opacity : 0.9 ;
  padding: 5px;
  margin-bottom:2px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #BEA693;
  cursor:default;
  border-right:0px solid #E3E3E3;
  border-bottom:0px solid #E3E3E3;
  }

  .content a:link, .content a:active, .content a:visited {
  color: #BEA693;
  text-decoration : none;
  }

  .content a:hover {
  color: #AA8A72;
  text-decoration : None;
  }

  div.commentbody {
  font-family: arial;
  color: #BEA693;
  font-size: 11px;
  padding: 3px;
  }

  .title {
  color: #BEA693;
  font-family: georgia;
  font-size: 24px;
  line-height: 20px;
  font-style: italic;
  text-decoration: none;
  background-color: transparent;
  text-shadow: white 1px 1px 0px;
  text-align:center;
  letter-spacing: -1px;
  padding-right:40px;
  padding-left:40px;
  font-weight: bold;
  padding-top:118px;
  padding-bottom:0px;
  }

  .title a:link, .title a:active, .title a:visited{
  color: #BEA693;
  font-size:24px;
  font-weight: normal;
  font-style: italic;
  line-height: 20px;
  text-decoration: none;
  background-color: transparent;
  text-shadow: white 1px 1px 0px;
  font-family: georgia;
  letter-spacing:-1px;
  text-align:Center;
  }

  .title a:hover {
  color: #AA8A72;
  text-decoration : mone;
  }

  .comments {
  color: #C5AE9B;
  font-family: georgia;
  font-size: 24px;
  line-height: 20px;
  font-style: italic;
  text-decoration: none;
  background-color: transparent;
  text-align:center;
  text-shadow: white 1px 1px 0px;
  letter-spacing: -2px;
  padding-right:40px;
  padding-left:40px;
  font-weight: normal;
  padding-top:60px;
  padding-bottom:0px;
  }

  .posted {
  background-color: transparent;
  text-align: center;
  line-height: 11px;
  margin-top: 20px;
  color: #BEA693;
  font-family: lucida sans;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal
  }

  .posted a:link, .posted a:active, .posted a:visited {
  color: #BEA693;
  text-decoration : none;
  }

  .posted a:hover {
  color: #AA8A72;
  text-decoration : none;
  }

  .side-top {
  color: #BEA693;
  text-shadow: white 1px 1px 0px;
  font-size:22px;
  font-family: georgia;
  line-height:14px;
  letter-spacing:0;
  text-align: center;
  padding-top:70px;
  font-style:italic;
  font-weight:normal;
  }

  .side-content {
  color: #BEA693;
  font-size:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height:12px;
  letter-spacing:0;
  text-align: left;
  padding:20px;
  font-weight:normal;
  }

  .side-content a:link, .side a:active, .side a:visited {
  color: #BEA693;
  text-decoration : none;
  font-weight: bold;
  }

  #content, #sidebar {overflow:hidden;}

  #content img {max-width:500px;}

  .side-content a:hover {
  color: #AA8A72;
  text-decoration : none;
  }

  .content {
  color: #BEA693;
  font-size:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;;
  line-height:12px;
  letter-spacing:0;
  text-align: left;
  padding: 40px;
  font-weight: normal;
  }

  p.commentmeta {
  margin-top:0;
  text-align:left;}

  #container {
  margin-left:100px;
  margin-right:0px;
  width: 940px;
  }

  #sidebar {
  float: left;
  width: 300px;
  margin-top: 10px;
  padding-left: 0px;
  }

  #content {
  float: right;
  width: 620px;
  margin-top: 0px;
  margin-left: 300px;
  padding-right: 0px;
  }

  #footer {
  clear:both;
  margin-bottom: 0px;
  margin-left:auto;
  margin-right:auto;
  float: center;
  text-align: center;
  }

• 

  michaelahapgood · Member · Oct 3, 2011 at 3:28 pm

  • Copy link

  I’ve just realised I might have posting this in the wrong place if someone could move it it would be great

• 

  timethief · Member · Oct 3, 2011 at 5:22 pm

  • Copy link

  Someone created me a custom theme to use

  Please read this entry I link to below and determine whether or not you are posting to the wrong support forum. Succinctly stated here at WordPress.com we cannot create our own themes. We can only use those provided here > Appearance > Themes and no others. I believe you ought to be posting to http://wordpress.org/support/ The two sites are completely separate and we cannot move this thread. You must create a new one over there. WordPress.com vs WordPress.org: The Differences

• 

  thesacredpath · Member · Oct 3, 2011 at 5:43 pm

  • Copy link

  If you are talking about a site hosted here, then we need a link to that site.

• 

  thesacredpath · Member · Oct 3, 2011 at 5:44 pm

  • Copy link

  Actually I can tell by one of the URLs in the CSS you posted that you are in the wrong forum, so do as Timethief suggests and head over to the .ORG forums.

• 

  timethief · Member · Oct 3, 2011 at 5:48 pm

  • Copy link

  @TSP
  Good morning. :)

• 

  jazzercisin · Member · Oct 3, 2011 at 6:10 pm

  • Copy link

  hello how are you dear??

• 

  michiecat · Staff · Oct 3, 2011 at 7:35 pm

  • Copy link

  Hi michaelahapgood,

  It sounds like you are running a self-hosted WordPress.org blog. Therefore, I suggest that you post your question in the Themes and Templates forum in the support forums at WordPress.org. There are volunteers on that forum who can help you find a solution.

  Hope this helps! :)