HELP! Problem with StudioPress Church Theme.

by horodos

Posted: 13 years ago 8 replies

WEB DESIGN

Does anyone uses StudioPress Church Theme?

The default layout of this theme is content/sidebar, i.e. main contents appear on the left, and sidebar (widgets) appear on the right side.

I am trying to switch the layout to sidebar/content.

I've spent hours googled an answer, and this is getting me crazy! Don't seem to see anyone posting such an issue...

I hope i can get some advice here...

Please help...

thanks.

#church #problem #studiopress #theme

crushthenet 13 years ago

Just searching in google looks like that's a paid theme so I can't really take a look at it. It's probably in the CSS though. The content is probably floated left and the sidebar is floated right. You'll probably at the very least need to change those two. There may be more to do after that if there's margin/padding etc. Kinda hard if I can't see the code.
- Thanks
- 1 reply
Signature
Video Background Music :: Royalty Free Background Music for Just About Anything! 50 Tracks for just $17...
My Personal Blog :: The Calaboratory
{{ DiscussionBoard.errors[2792697].message }}
- horodos 13 years ago
  
  Hi Crush, thanks for the reply.
  
  Here's the style.css... thanks!
  
  body {
  background: #111111 url(images/bg.png);
  width: 980px;
  color: #333333;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  margin: 0px auto 0px;
  padding: 0px;
  }
  
  #wrap {
  background: #EEEEEE;
  width: 960px;
  margin: 10px auto 10px;
  padding: 0px;
  position: relative;
  border: 10px solid #333333;
  }
  
  /************************************************
  * Hyperlinks *
  ************************************************/
  
  a, a:visited {
  color: #A91B33;
  text-decoration: none;
  }
  
  a:hover {
  color: #A91B33;
  text-decoration: underline;
  }
  
  a img {
  border: none;
  }
  
  a:focus, a:hover, a:active {
  outline: none;
  }
  
  /************************************************
  * Top Navbar *
  ************************************************/
  
  #topnavbar {
  background: #111111 url(images/topnav.png);
  width: 960px;
  height: 30px;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  }
  
  #topnavbar a, #topnavbar a:visited {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  }
  
  #topnavbar a:hover {
  text-decoration: underline;
  }
  
  #topnavbar p {
  font-size: 11px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  }
  
  .topnavbarleft {
  width: 230px;
  float: left;
  margin: 0px;
  padding: 8px 0px 0px 10px;
  }
  
  .topnavbarright {
  width: 600px;
  float: right;
  margin: 0px;
  padding: 7px 10px 0px 0px;
  text-transform: uppercase;
  text-align: right;
  }
  
  .topnavbarright a img {
  border: none;
  margin: 0px 3px 3px 0px;
  padding: 0px;
  }
  
  /************************************************
  * Header *
  ************************************************/
  
  #header {
  background: #111111 url(images/header.png);
  width: 960px;
  height: 100px;
  color: #FFFFFF;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  }
  
  #header #imageheader {
  width: 460px;
  height: 100%;
  text-indent: -10000px;
  background: url(images/logo.png) left top no-repeat;
  }
  
  #header #imageheader a {
  display: block;
  width: 100%;
  height: 100%;
  }
  
  #header h1, #header h4 {
  color: #FFFFFF;
  font-size: 36px;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  margin: 0px;
  padding: 15px 0px 0px 20px;
  text-decoration: none;
  }
  
  #header h1 a, #header h1 a:visited, #header h4 a, #header h4 a:visited {
  color: #FFFFFF;
  font-size: 36px;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  }
  
  #header h1 a:hover {
  color: #FFFFFF;
  text-decoration: none;
  }
  
  #header h3 {
  color: #A91B33;
  font-size: 16px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  }
  
  #header p {
  color: #FFFFFF;
  padding: 0px 0px 5px 20px;
  margin: 0px;
  line-height: 20px;
  }
  
  .headerleft {
  width: 460px;
  float: left;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  }
  
  .headerleft a img {
  border: none;
  margin: 0px;
  padding: 0px;
  }
  
  .headerright {
  width: 488px;
  float: right;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  }
  
  .headerright a img {
  border: none;
  margin: 0px;
  padding: 0px;
  }
  
  .headerright ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  
  .headerright li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  
  .rsslink {
  padding: 2px 5px 2px 20px;
  background: url(images/rss.gif) no-repeat left center;
  }
  
  /************************************************
  * Navbar *
  ************************************************/
  
  #navbar {
  background: #555555 url(images/navbar.png);
  width: 960px;
  height: 35px;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  color: #FFFFFF;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  }
  
  #navbarleft {
  width: 680px;
  float: left;
  margin: 0px;
  padding: 0px;
  }
  
  #navbarright {
  width: 280px;
  font-size: 11px;
  float: right;
  margin: 0px;
  padding: 6px 0px 0px 0px;
  }
  
  #nav {
  margin: 0px;
  padding: 0px;
  }
  
  #nav ul {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
  
  #nav li {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
  
  #nav li a, #nav li a:link, #nav li a:visited {
  color: #FFFFFF;
  display: block;
  font-size: 16px;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  text-transform: none;
  margin: 0px;
  padding: 9px 15px 8px 15px;
  }
  
  #nav li a:hover, #nav li a:active {
  background: #555555 url(images/navhov.png);
  color: #FFFFFF;
  margin: 0px;
  padding: 9px 15px 8px 15px;
  text-decoration: none;
  }
  
  #nav li li a, #nav li li a:link, #nav li li a:visited {
  background: #555555;
  width: 150px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  text-transform: none;
  float: none;
  margin: 0px;
  padding: 7px 10px 7px 10px;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  }
  
  #nav li li a:hover, #nav li li a:active {
  background: #777777;
  color: #FFFFFF;
  padding: 7px 10px 7px 10px;
  }
  
  #nav li ul {
  z-index: 9999;
  position: absolute;
  left: -999em;
  height: auto;
  width: 170px;
  margin: 0px;
  padding: 0px;
  }
  
  #nav li li {
  }
  
  #nav li ul a {
  width: 140px;
  }
  
  #nav li ul a:hover, #nav li ul a:active {
  }
  
  #nav li ul ul {
  margin: -32px 0 0 171px;
  }
  
  #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
  }
  
  #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
  }
  
  #nav li:hover, #nav li.sfhover {
  position: static;
  }
  
  /************************************************
  * SubNavbar *
  ************************************************/
  
  #subnavbar {
  background: #666666;
  width: 960px;
  height: 24px;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  }
  
  #subnav {
  margin: 0px;
  padding: 0px;
  }
  
  #subnav ul {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
  
  #subnav li {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
  
  #subnav li a, #subnav li a:link, #subnav li a:visited {
  color: #FFFFFF;
  display: block;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px 5px 0px 0px;
  padding: 6px 13px 6px 13px;
  }
  
  #subnav li a:hover, #subnav li a:active {
  background: #888888;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  margin: 0px 5px 0px 0px;
  padding: 6px 13px 6px 13px;
  }
  
  #subnav li li a, #subnav li li a:link, #subnav li li a:visited {
  background: #666666;
  width: 150px;
  float: none;
  margin: 0px;
  padding: 6px 10px 6px 10px;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  }
  
  #subnav li li a:hover, #subnav li li a:active {
  background: #888888;
  margin: 0px;
  padding: 6px 10px 6px 10px;
  }
  
  #subnav li ul {
  z-index: 9999;
  position: absolute;
  left: -999em;
  height: auto;
  width: 160px;
  margin: 0px;
  padding: 0px;
  }
  
  #subnav li li {
  }
  
  #subnav li ul a {
  width: 150px;
  }
  
  #subnav li ul a:hover, #subnav li ul a:active {
  }
  
  #subnav li ul ul {
  margin: -25px 0 0 171px;
  }
  
  #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {
  left: -999em;
  }
  
  #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover ul {
  left: auto;
  }
  
  #subnav li:hover, #subnav li.sfhover1 {
  position: static;
  }
  
  /************************************************
  * Homepage *
  ************************************************/
  
  #homepage {
  float: left;
  width: 610px;
  margin: 0px;
  padding: 0px;
  }
  
  #homepage p {
  margin: 0px;
  padding: 0px;
  }
  
  #homepage p img {
  border: none;
  float: left;
  margin: 0px;
  }
  
  #homepage ul {
  list-style-type: square;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
  #homepage ul li {
  list-style-type: square;
  margin: 0px;
  padding: 0px;
  }
  
  .hpdate {
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  }
  
  #homepagetop {
  background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
  float: left;
  width: 610px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  border: 1px solid #DDDDDD;
  }
  
  #homepagetop p {
  font-size: 12px;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  }
  
  .featuredtop {
  float: left;
  margin: 0px;
  padding: 10px;
  display: inline;
  }
  
  #homepagebottom {
  background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
  float: left;
  width: 610px;
  margin: 10px 0px 10px 0px;
  padding: 0px;
  border: 1px solid #DDDDDD;
  }
  
  #homepagebottom p {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  }
  
  .hpbottom {
  float: left;
  width: 590px;
  margin: 0px;
  padding: 10px;
  display: inline;
  }
  
  #homepageleft {
  float: left;
  width: 300px;
  margin: 0px;
  padding: 0px;
  }
  
  .hpfeatured {
  background: #FFFFFF url(images/featuredtop.gif) top no-repeat;
  float: left;
  width: 280px;
  margin: 0px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #DDDDDD;
  }
  
  #homepageright {
  float: right;
  width: 300px;
  margin: 0px;
  padding: 0px;
  }
  
  .clear {
  clear: both;
  }
  
  .thumb {
  float: left;
  margin: 0px 10px 0px 0px;
  }
  
  hr {
  border-bottom: 1px dotted #AAAAAA;
  border-top: none;
  border-left: none;
  border-right: none;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  clear: both;
  }
  
  /************************************************
  * Content *
  ************************************************/
  
  #content {
  width: 940px;
  margin: 0px auto 0px;
  padding: 10px 0px 0px 0px;
  line-height: 18px;
  }
  
  #content h1 {
  color: #444444;
  font-size: 22px;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
  padding: 10px 0px 0px 0px;
  }
  
  #content h1 a, #content h1 a:visited {
  color: #444444;
  font-size: 22px;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
  padding: 10px 0px 0px 0px;
  }
  
  #content h1 a:hover {
  color: #A91B33;
  text-decoration: none;
  }
  
  #content h2 {
  background: #000000;
  color: #FFFFFF;
  font-size: 20px;
  font-family: Georgia, Times New Roman, Trebuchet MS;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 10px;
  }
  
  #content h3 {
  background: #333333 url(images/headline.png);
  color: #FFFFFF;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  padding: 3px 0px 3px 7px;
  }
  
  #content h4 {
  color: #A91B33;
  font-size: 22px;
  font-family: Georgia, Times New Roman;
  font-weight: normal;
  margin: 0px 0px 20px 0px;
  padding: 10px 0px 0px 0px;
  }
  
  #content img.wp-smiley {
  float: none;
  border: none;
  margin: 0px;
  padding: 0px;
  }
  
  #content img.wp-wink {
  float: none;
  border: none;
  margin: 0px;
  padding: 0px;
  }
  
  #contentleft {
  float: left;
  width: 600px;
  margin: 0px;
  padding: 0px;
  }
  
  #contentleft a img {
  border: none;
  }
  
  blockquote {
  background: #E8E8E8;
  margin: 0px 25px 15px 25px;
  padding: 10px 20px 0px 15px;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #666666;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #666666;
  }
  
  #content blockquote p {
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
  .postarea {
  background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
  float: left;
  width: 590px;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #DDDDDD;
  }
  
  .postarea p {
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
  .postarea ul {
  list-style-type: square;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
  .postarea ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
  }
  
  .postarea ul ul {
  list-style-type: square;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  }
  
  .postarea ol {
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
  .postarea ol li {
  margin: 0px 0px 0px 20px;
  padding: 0px;
  }
  
  .breadcrumb {
  font-size: 11px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 3px 0px;
  border-bottom: double #EAEAEA;
  }
  
  #contentwide {
  float: left;
  width: 940px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  }
  
  .postareawide {
  background: #FFFFFF url(images/fullwidthtop.gif) top no-repeat;
  float: left;
  width: 920px;
  margin: 0px;
  padding: 10px;
  border: 1px solid #DDDDDD;
  }
  
  .postareawide p {
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
  .postareawide ul {
  list-style-type: square;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
  .postareawide ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px;
  }
  
  .postareawide ul ul {
  list-style-type: square;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  }
  
  .postareawide ol {
  margin: 0px;
  padding: 0px 0px 15px 0px;
  }
  
  .postareawide ol li {
  margin: 0px 0px 0px 20px;
  padding: 0px;
  }
  
  .breadcrumbwide {
  float: left;
  width: 920px;
  font-size: 11px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 3px 0px;
  border-bottom: double #EAEAEA;
  }
  
  .date {
  width: 590px;
  float: left;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  }
  
  .dateleft {
  width: 380px;
  float: left;
  margin: 0px;
  padding: 0px;
  }
  
  .dateright {
  width: 200px;
  float: right;
  margin: 0px;
  padding: 0px;
  text-align: right;
  }
  
  .time {
  background: #FFFFFF url(images/icon_time.gif) no-repeat top left;
  margin: 0px 0px 0px 3px;
  padding: 0px 0px 0px 20px;
  }
  
  .icomment {
  background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 18px;
  }
  
  .tags {
  background: #FFFFFF url(images/icon_tags.gif) no-repeat top left;
  margin: 0px;
  padding: 0px 0px 0px 18px;
  }
  
  .category {
  background: #FFFFFF url(images/icon_category.gif) no-repeat top left;
  margin: 0px;
  padding: 0px 0px 0px 18px;
  }
  
  .postmeta {
  width: 590px;
  font-size: 12px;
  padding: 5px 0px 0px 0px;
  margin: 0px;
  border-top: double #EAEAEA;
  }
  
  .postmeta2 {
  width: 590px;
  font-size: 12px;
  padding: 5px 0px 40px 0px;
  margin: 0px;
  border-top: double #EAEAEA;
  }
  
  .archive {
  float: left;
  width: 275px;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  }
  
  .adblock {
  background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
  float: left;
  width: 590px;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #DDDDDD;
  }
  
  .comments {
  background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
  float: left;
  width: 590px;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: 1px solid #DDDDDD;
  }
  
  /************************************************
  * Images *
  ************************************************/
  
  img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 0px;
  }
  
  img.alignnone {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  display: inline;
  }
  
  img.alignright {
  padding: 0px;
  margin: 0px 0px 10px 10px;
  display: inline;
  }
  
  img.alignleft {
  padding: 0px;
  margin: 0px 10px 10px 0px;
  display: inline;
  }
  
  .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  }
  
  .alignright {
  float: right;
  margin: 0px 0px 10px 10px;
  }
  
  .alignleft {
  float: left;
  margin: 0px 10px 10px 0px;
  }
  
  .wp-caption {
  border: 1px solid #DDDDDD;
  text-align: center;
  background-color: #EEEEEE;
  padding: 4px 0px 5px 0px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }
  
  .wp-caption img {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border: 0px;
  }
  
  .wp-caption p.wp-caption-text {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  }
  
  /************************************************
  * Sidebar *
  ************************************************/
  
  #sidebar {
  float: right;
  width: 320px;
  margin: 0px;
  padding: 0px;
  display: inline;
  }
  
  #sidebar .widget {
  background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 9px;
  border: 1px solid #DDDDDD;
  }
  
  #sidebar h4 {
  background: #111111 url(images/headline.png);
  color: #FFFFFF;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  padding: 3px 0px 3px 7px;
  }
  
  #sidebar p {
  margin: 0px;
  padding: 0px 0px 0px 45px;
  }
  
  #sidebar a img {
  border: none;
  margin: 0px;
  padding: 0px;
  }
  
  #sidebar embed, #sidebar object {
  width: 300px;
  height: 250px;
  margin: 0px;
  padding: 0px;
  }
  
  #sidebar ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  }
  
  #sidebar ul li {
  list-style-type: none;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  }
  
  #sidebar ul ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  
  #sidebar ul li li {
  background: #FFFFFF url(images/icon.gif) no-repeat top left;
  padding: 0px 0px 5px 20px;
  margin: 0px;
  }
  
  #sidebar ul li ul li {
  background: #FFFFFF url(images/icon.gif) no-repeat top left;
  padding: 0px 0px 5px 20px;
  margin: 0px;
  }
  
  /************************************************
  * Left Sidebar *
  ************************************************/
  
  #l_sidebar {
  float: left;
  width: 170px;
  margin: 0px;
  padding: 0px;
  display: inline;
  }
  
  #l_sidebar .widget{
  background: #FFFFFF url(images/leftsidebartop.gif) top no-repeat;
  float: right;
  width: 150px;
  margin: 0px 0px 10px 0px;
  padding: 9px;
  border: 1px solid #DDDDDD;
  display: inline;
  }
  
  #l_sidebar p {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  }
  
  #l_sidebar a img {
  border: none;
  margin: 0px;
  padding: 0px;
  }
  
  #l_sidebar ul {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  }
  
  #l_sidebar ul ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  
  #l_sidebar ul li li {
  background: #FFFFFF url(images/icon.gif) no-repeat top left;
  padding: 0px 0px 5px 20px;
  margin: 0px;
  }
  
  #l_sidebar ul li ul li {
  background: #FFFFFF url(images/icon.gif) no-repeat top left;
  padding: 0px 0px 5px 20px;
  margin: 0px;
  }
  
  /************************************************
  * Right Sidebar *
  ************************************************/
  
  #r_sidebar {
  float: right;
  width: 140px;
  margin: 0px;
  padding: 0px;
  display: inline;
  }
  
  #r_sidebar .widget{
  background: #FFFFFF url(images/rightsidebartop.gif) top no-repeat;
  float: right;
  width: 120px;
  margin: 0px 0px 10px 0px;
  padding: 9px;
  border: 1px solid #DDDDDD;
  display: inline;
  }
  
  #r_sidebar p {
  padding: 0px 0px 10px 0px;
  margin: 0px;
  }
  
  #r_sidebar a img {
  border: none;
  margin: 0px;
  padding: 0px;
  }
  
  #r_sidebar ul {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  }
  
  #r_sidebar ul ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  
  #r_sidebar ul li li {
  background: #FFFFFF url(images/icon.gif) no-repeat top left;
  padding: 0px 0px 5px 20px;
  margin: 0px;
  }
  
  #r_sidebar ul li ul li {
  background: #FFFFFF url(images/icon.gif) no-repeat top left;
  padding: 0px 0px 5px 20px;
  margin: 0px;
  }
  
  /************************************************
  * Footer *
  ************************************************/
  
  #footer {
  background: #999999 url(images/topnav.png);
  width: 960px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  }
  
  #footer p {
  color: #FFFFFF;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  margin: 0px;
  padding: 9px 0px 0px 0px;
  }
  
  #footer a, #footer a:visited {
  color: #FFFFFF;
  text-decoration: none;
  }
  
  #footer a:hover {
  color: #FFFFFF;
  text-decoration: underline;
  }
  
  /************************************************
  * Search Form *
  ************************************************/
  
  #searchform {
  margin: 0px;
  padding: 0px;
  display: inline;
  }
  
  #searchbox {
  background: #EEEEEE !important;
  width: 220px;
  color: #202020;
  font-size: 12px;
  font-family: Georgia, Times New Roman, Trebuchet MS;
  font-weight: normal;
  margin: 0px;
  padding: 4px 0px 3px 5px;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #666666;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #666666;
  }
  
  #s {
  background: #EEEEEE !important;
  width: 160px;
  color: #202020;
  font-size: 12px;
  font-family: Georgia, Times New Roman, Trebuchet MS;
  font-weight: normal;
  margin: 0px;
  padding: 4px 0px 3px 5px;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #666666;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #666666;
  }
  
  #searchsubmit {
  background: #555555 url(images/topnav.png);
  color: #FFFFFF;
  font-size: 11px;
  font-family: Georgia, Times New Roman, Trebuchet MS;
  margin: 0px 0px 0px 5px;
  padding: 3px 3px 2px 3px;
  font-weight: bold;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #666666;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #666666;
  }
  
  #subscribe {
  background: #FFFFFF url(images/feedburner.png) top no-repeat;
  float: left;
  width: 300px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  }
  
  #subbox {
  background: #EEEEEE !important;
  width: 250px;
  color: #202020;
  font-size: 12px;
  font-family: Georgia, Times New Roman, Trebuchet MS;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
  padding: 3px 0px 3px 5px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
  display: inline;
  }
  
  #subbutton {
  background: #555555 url(images/topnav.png);
  color: #FFFFFF;
  font-size: 11px;
  font-family: Georgia, Times New Roman, Trebuchet MS;
  margin: 0px 0px 0px 7px;
  padding: 3px 3px 2px 3px;
  font-weight: bold;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #666666;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #666666;
  }
  
  #author, #email, #url {
  background: #EEEEEE !important;
  width: 250px;
  color: #202020;
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0px 0px 0px;
  padding: 3px 0px 3px 5px;
  border: 1px solid #DDDDDD;
  display: inline;
  }
  
  #submit {
  background: #555555 url(images/topnav.png);
  color: #FFFFFF;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  margin: 0px;
  padding: 3px 3px 2px 3px;
  font-weight: bold;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #666666;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #666666;
  }
  
  #comment {
  background: #EEEEEE;
  color: #202020;
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0px 5px 0px;
  padding: 3px 0px 3px 5px;
  border: 1px solid #DDDDDD;
  display: inline;
  }
  
  /************************************************
  * Comments *
  ************************************************/
  
  .commentlist li ul li {
  font-size: 12px;
  }
  
  .commentlist li {
  font-weight: bold;
  }
  
  .commentlist li .avatar {
  background: #FFFFFF;
  float: right;
  border: 1px solid #EEEEEE;
  margin: 0px 5px 0px 10px;
  padding: 2px;
  }
  
  .commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  }
  
  .commentlist p {
  font-weight: normal;
  text-transform: none;
  }
  
  .commentmetadata {
  font-weight: normal;
  }
  
  #commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0px;
  }
  
  #commentform {
  margin: 5px 10px 0px 0px;
  }
  
  #commentform textarea {
  width: 98%;
  padding: 2px;
  }
  
  #respond:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
  }
  
  #commentform p {
  margin: 5px 0px 5px 0px;
  }
  
  #commentform #submit {
  margin: 0px;
  float: left;
  }
  
  .alt {
  margin: 0px;
  padding: 10px;
  }
  
  .commentlist {
  margin: 0px;
  padding: 0px;
  }
  
  .commentlist ol {
  margin: 0px;
  padding: 10px;
  }
  
  .commentlist li {
  margin: 15px 0px 10px;
  padding: 10px 5px 10px 10px;
  list-style: none;
  
  }
  .commentlist li ul li {
  margin-right: -5px;
  margin-left: 10px;
  }
  
  .commentlist p {
  margin: 10px 5px 10px 0px;
  padding: 0px;
  }
  
  .children {
  margin: 0px;
  padding: 0px;
  }
  
  .nocomments {
  text-align: center;
  margin: 0px;
  padding: 0px;
  }
  
  .commentmetadata {
  font-size: 10px;
  margin: 0px;
  display: block;
  }
  
  .navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
  }
  
  .alignright {
  float: right;
  }
  
  .alignleft {
  float: left;
  }
  
  .thread-alt {
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  }
  
  .thread-even {
  background: #EEEEEE;
  margin: 0px;
  padding: 0px;
  }
  
  .depth-1 {
  border: 1px dotted #BBBBBB;
  margin: 0px;
  padding: 0px;
  }
  
  .even, .alt {
  border-top: 1px dotted #BBBBBB;
  border-bottom: 1px dotted #BBBBBB;
  border-left: 1px dotted #BBBBBB;
  margin: 0px;
  padding: 0px;
  }
  
  Thanks
  
  {{ DiscussionBoard.errors[2803872].message }}
crushthenet 13 years ago
wowswers........ try this to begin with....

Here's the content floating left...
Code:

#contentleft { float: left; width: 600px; margin: 0px; padding: 0px; }
And here's the sidebar floating right...
Code:

#sidebar { float: right; width: 320px; margin: 0px; padding: 0px; display: inline; }
Change them around and see what happens, like this....
Code:

#contentleft { float: right; width: 600px; margin: 0px; padding: 0px; } #sidebar { float: left; width: 320px; margin: 0px; padding: 0px; display: inline; }
Let me know.......
- Thanks
- 1 reply
Signature
Video Background Music :: Royalty Free Background Music for Just About Anything! 50 Tracks for just $17...
My Personal Blog :: The Calaboratory
{{ DiscussionBoard.errors[2805133].message }}
- horodos 13 years ago
  
  Bravo Crush...
  
  There is one more change at the #homepage to make it work...
  
  #homepage {
  float: left; <---- changed to right
  width: 610px;
  margin: 0px;
  padding: 0px;
  }
  
  Anyway, thanks...
  
  Thanks
  
  {{ DiscussionBoard.errors[2841724].message }}
Justbe Banned 13 years ago

.alignright {
float: right;
}

.alignleft {
float: left;
}
- Thanks
{{ DiscussionBoard.errors[2841816].message }}
jasonmorgan 13 years ago

if you bought this theme from studiopress, why aren't you using their support?
- Thanks
Signature

I'm all about that bass.
{{ DiscussionBoard.errors[2843552].message }}
Ryah Albatros 13 years ago

In all that CSS there is code for a left sidebar already written. Surely it's just a matter of moving sidebar widgets to the left?
- Thanks
- 1 reply
{{ DiscussionBoard.errors[2843998].message }}
- wmsgeorge 13 years ago
  
  Okay, this is a pretty simple answer, if you have everything. First the church theme is a Child Theme, which means that it works best with the genesis framework installed to wordpress. I do believe you can use it on its own but not sure.
  
  With the genesis framework already installed in the settings section there is a drop down menu for you to choose any layout you want. Also on every post and page created you will have options to change the layout for that particular post or page.
  
  If you go to studiopress(.)com/themes/genesis
  
  you will see the genesis information.
  
  Hope this helps
  
  George
  
  Thanks
  
  {{ DiscussionBoard.errors[2906960].message }}

HELP! Problem with StudioPress Church Theme.

Trending Topics

How did you turn it all around?

A healthy fascination for Hollywood...

Any thoughts on golf's latest phenom...Scottie Scheffler??

What's the Best IM-Related Skill to Learn Today That Can Help in the Future?

best high quality crypto traffic.