Customizing layout of gollum wiki

1k Views Asked by At

I would like to customize layout of a gollum wiki by:

  1. moving sidebar to the left (it is on the right by default)
  2. making the body of the page wider. Right now it takes slightly about a third of screen width and the text is really narrow.

I know that I am able to have a custom.css file in my repo that should load when I use the --css flag. However, I have no idea what to put in the file and looking at the css files in gollum repo has not proved helpful.

1

There are 1 best solutions below

0
Jan Stolarek On BEST ANSWER

After some debugging I managed to figure out a way to get what I needed.

  1. To place sidebar on the left add the following to custom.css:

.has-rightbar #wiki-sidebar {
  float: left;
}

#wiki-body {
  float: right;
  clear: right;
}

  1. To make the text wider:

.has-sidebar #wiki-body {
  width: 77%;
}

#wiki-wrapper {
    max-width: 90%;
}

#wiki-sidebar {
  width: 17%;
}