CMS Made Simple Forums

Hi! I have now found a template that i like and want to build my website on. I have figured some things out how to change color and other stuff. But if i want to change the template to 1 columns instead of 2 how do i do that?

/ kalle

Remove the sidebar div from the template and change these in the CSS...

Change these...
div#main {
  margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 2%; /* and some air on the right */
}

Can be removed or?...
div#sidebar {
  float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
  width: 26%;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX ie doublemargin bug */
  margin-left: 0;
}

thank you it worked fine!!!

and a last question how do i increase the template on the height, i have tried but i cant find the right place for do the changes.

Add more content...

thats one way 
What i feel annoying when i visitng sites are that some sites are "jumping" around when clicking on links.
What happens when it´s a lot of text on one page the Scrollbar of the browser is showing and it feels that the page are making a little jumping.

That sounds like the Firefox scrollbar thing where if the page isn't long enuf to use one it doesn't show so the browser window is that much wider, if a scroll bar is needed the window moves in making it look like it's jumping...

IE keeps the scroll bar at all times so it doesn't look like it's jumping...

I have done some templates where it had a minimum height by using a div floated left 0px height set, that way you get at least a certain height and if content gets longer than the set height it will grow...

after changing codes i have found the solution just put the code height: 1080em; in the body. That forces the scrollbar to be shown always, perfect for the jumping problems in Safari and Firefox,

/*****************
basic layout
*****************/
body {
height: 1080em;   
background-color: #B7B789;
   color: #333;
   margin:1em; /* gives some air for the pagewrapper */

html {overflow-y:scroll}

creates scrollbar to Firefox so page does not jump around. handlebar comes only when there is something to actually scroll.