View Single Post
Farling
Senior Member
 
Join Date: Mar 2013
Location: Greater London, UK
Posts: 2,623

Old April 1st, 2020, 12:40 PM
Quote:
Originally Posted by Merion View Post
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;
}

Farling

Author of the Realm Works Import tool, Realm Works Output tool and Realm Works to Foundry module

Donations gratefully received via Patreon, Ko-Fi or Paypal

Last edited by Farling; April 6th, 2020 at 12:30 AM.
Farling is offline   #116 Reply With Quote