Booktype 1.6 for Authors and Publishers

Sections

Books in Booktype are separated into sections and chapters. A section is a collection of chapters. Sections have a page in the book formatted PDF which lists the chapters in that section. It is possible to hide these section pages and change the look and feel of them with CSS.

This can be done on a specific or universal level. To change the look and feel universally you need to change the following elements in the Booktype Only CSS field:

 .objavi-subsection{
  display: block;
  page-break-before: always;
/* page-break-after: always;*/
  text-transform: uppercase;
  font-size: 20pt;
}

body .objavi-subsection:first-child{
  page-break-before: avoid;
}

.objavi-subsection .initial {
  font-size: 1em;
  color: #000;
}

.objavi-subsection-heading {
  font-size: 20pt;
  text-align: center;
  line-height: 300px;
  font-weight: normal;
}

If you wish to change each section individually you need to target each section with specific CSS. For example the following:

#section-1 .objavi-subsection-heading{
 background:#fff url(http://www.freedomfone.org/booki/images/01_whatisff.png) no-repeat  center center;
}

will give the first section page an image. You will also need to hide the text in this case, so apply this:

.objavi-subsection .initial {
 color: #000;
 display:none;
}

You have to be a little careful to make sure that each section gets the right image if you try this approach, but since it doesn't take long to change the code and test then it's easy to fix if you get it wrong.