Scene Separators 2

I have defined the scene separators as such:


However, the end result is this:

What am I doing wrong?

Scrivener compiles to the Epub format by way of MultiMarkdown, in which the underscore and asterisk are special characters. It looks here like the first two asterisks are being treated as marking the enclosed text (the underscore character) as italic—so the asterisks don’t pass through as printed characters.

To avoid it and have *_*_* as the printed separator, you can escape the characters with a backslash, entering the separator in the compile format designer as \*\_\*\_\*.

2 Likes

what technique do I employ to have the escape sequences and the image in one line? currently I have: *-<$Img:Human-brain-2;h=32>*-
and the output is broken into 3 vertical lines:

do i have to employ an escape sequence for a backspace? if yes, what is it?

To change the layout of the separator images in the epub, you’ll need to modify the CSS. Images are set to block formatting in the default CSS, so they’re stacked vertically. You can overwrite this for the images in the separator to keep them inline (using a horizontal layout) by selecting “Append Custom Stylesheet” from the popup menu in the CSS pane of the compile format designer and then adding this to the custom stylesheet:

/* Keep separator images inline (laid out horizontally) */
.separator img { display: inline; }

Custom separators are automatically put in a paragraph with a “separator” class, so this will just affect images within paragraphs of that class, allowing you to put multiple images on the separator line and keep text and images in a row. The rest of your images in the book will remain as they were.

3 Likes

In my project, the text shows properly with correct indentation.

And when I compile it as a PDF, it works. However, when I compile it as ePub, it shows as such:

You want something like this:

p + p {
    text-indent: 2em;
}

Basically indent every paragraph following another paragraph.

where do I put this?

I appended your code to custom css. It doesn’t work.

Hard to say what’s going on without knowing your project settings and CSS code.

the problem is that it only happens with the second para and in ePub compile only.

Only the second paragraph in the entire book or every second paragraph (that follows something else, e.g. chapter start)?

the second para when a new section starts.

Okay. Are those “no style” paragraphs?

Because under normal circumstances, “it just works” out of the box. E.g. compiling with Scrivener’s “Ebook” default compile format, this code

p + p { text-indent: 1.5rem; }

gets automatically added to the epub’s stylesheet.css and does exactly what it’s supposed to do.

So maybe there’s something overwriting the formatting or they aren’t even “real paragraphs” (e.g. single table cells, just as an example).

(And the third or fourth paragraphs work?)

yup. the same style is applied to all of them. the only diff is that a different style is applied to the first para of the scene.

I just want to make sure:

You assign those styles to the paragraphs in Scrivener? Or do you mean that’s how it looks like after compiling?

Seems to me that there is your problem. You have a no-indent style of some sort applied to the first paragraphs after your scene break, so in the HTML of the ePub, those paragraphs have different marking, so it is treating the second paragraph of your text as the first paragraph for indenting purposes.

Make those paragraphs “No Style” and edit the relevant section layout choosing settings on the far right and set the “Paragraph first line indents:” as appropriate.

HTH

:slight_smile:
Mark

1 Like

yes. i changed the 2nd para to no style and it works now. thx.