Quote:
Originally Posted by Merion
Well, I tried playing with the css but my experience with css equals zero, so all I managed to change was the fonts and their formatting. Tried to add columns and padding and failed at both. Didn't spend fore than 2h max on it though.
My idea was to make it look more like the page of an official rulebook or supplement.
|
To get the body of each topic into two columns, you can add the following to theme.css
Code:
.topicBody {
column-count: 2;
}
.contents {
break-inside: avoid;
}
If you want each section within a topic to start in its own multi-column layout, then you could also add the following:
Code:
.section1 {
column-span: all;
}
If you want the text to reduce to a single column if the window is narrow (e.g. being viewed on a phone), then you can use the following extra text (for a minimum column width of 300 pixels):
Code:
.topicBody {
column-count: 2;
column-width: 300px;
}