How do I move the side bar to the bottom of the page?

• 

  robertmaxx · Member · Nov 18, 2008 at 1:02 am

  • Copy link
  • Add topic to favorites

  I want to move the Side bar of my blog template to the bottom of the page.

  Is this possible? I’ve bought the CSS upgrade and I did notice that there is a radio button
  called “Start from scratch and just use this.” Perhaps this is where my edits could go. No?

  Thanks guys.

• 

  robertmaxx · Member · Nov 18, 2008 at 1:33 am

  • Copy link

  OH! I think i did it by adding (bottom: -100%) to the code.

  Here’s the templates code:

  /*
  * Sidebar!
  */

  #text #sidebar {
  background: url(images/text-top.jpg) top right no-repeat;
  position: absolute;
  left: 50%;
  bottom: -100%
  margin-left: 175px;
  padding: 10px 20px 0 10px;
  width: 155px;
  }

  /* Headers */

  #text #sidebar h1 {
  font-size: 1px;
  margin: 0;
  padding: 0;
  visibility: hidden;
  }

  #text #sidebar h2 {
  color: #323C3C;
  font-weight: normal;
  margin: 33px 0 0;
  }

  /* Lists */

  #text #sidebar ul, #text #sidebar ul ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 1em;
  }

  #text #sidebar li {
  list-style-type: none;
  }

  .widget_search {
  margin-top: 33px;
  }