Embedded Files
Optional Style Changes
Optional Style Changes
The following style changes are considered optional. They were -- or still need to be -- added to the CSS file and to the tutorial at the request of beta users. (So you have the betas to thank for these. Thanks, everybody!)
Flush Paragraph Class:
Altering the first paragraph of a chapter so that it renders flush to the margin is considered standard operating procedure for a lot of folks.
If you’re one of those folks, change the first paragraph of each chapter or part or whatever to <p class=“flush”>
Drop-Caps:
After a lot of painful trial and error, I've finally added this to the CSS file as a span class.
To create drop-caps at the start of each section's first paragraph, code must be inserted. Note that the paragraph class "flush" is also applied to these paragraphs.
Span classes work exactly the same way as we worked paragraph classes with other styles, except these can be attached to single characters. In this case, this special "drop" class will be attached as tags around the first character (letter) of the first line of a new chapter. Or, in the case of a line of dialogue where the first letter is preceded by a double quotation mark, both the quotation mark and first letter should be included inside the tags.
The tags look like this:
<span class="drop"></span>
This is what it will look like in Sigil: (similar on e-reader devices)
Here is what the code looks like once you've attached the span class:
Be warned that this CSS is not supported on every device, though those devices that don't support it will ignore it without messing anything up.
This span class can also be tagged around images. Yes, I nagged about images always being centered on their own line. That is, without a doubt, the safest practice. Floating an image isn't the safest. Not even close. But it can still be done, as seen here on line 20, where the span class has been added around the img marker:
It looks like this:
Page updated
Google Sites
Report abuse