Thanks again. That worked great. One last question. How do I reduce the spacing between the quote attribution and the divider? See below…
Check that the “separator before sections” for the Chapter section layout is a single return rather than an empty line. (You may also want that for the “between sections” separator, depending on your setup–it doesn’t seem necessary for the binder structure you showed earlier, since it looks like you never have adjacent chapter sections, but it would make the compile format a bit more flexible.)
Changing the separator took care of the extra space. Thanks. I’m still having an issue with adding the divider through the section layouts that I didn’t notice previously.
First, for an ebook, you don’t get the styling features as with print. So, there are no formatting tools to center an item. However, I assigned a style to it and that took care of centering the divider. But I’m finding that the first paragraph of each document is compiling as center justified even though they are full justified in my document. Applying styles and preserve formatting are not correcting the issue. You can see what’s happening in the image below…
I tried it with brookter’s test doc and the same thing happens there. Any idea how to address this issue?
Again, thanks for all the help you’ve been providing. I really appreciate it!
I’m not seeing this with the test project from brookter, even with the image added (using the title prefix for the <$img> tag assigns it the title style by default, which is already centred). It’d be helpful if you could provide the compile format you’re using or a dummy project; then we’d be able to dig into the settings and maybe find what’s causing the unwanted formatting.
I’ve attached a modified version of the test project from brookter which shows the errant behavior in the Introduction. The top paragraph is center justified. I would really appreciate help sorting this out asap as it’s holding up the publication of my book. Thanks!
TEST-2.scriv.zip (146 KB)
I just figured that out and was going to update my post when I saw your suggestion. Still, it’s an obscure solution that took hours of time for me to figure out.
Just typed out the same response…
You do not have a return after your prefix for the flourish, and the flourish is centered, so the first paragraph also ends up centered. You need to put at least one return after your <$img:flourish;w=125>. This is iBooks:
IF the spacing is not to your liking, there is a way to use CSS to adjust the margins. I do not own a kindle or kindlegen, so can only go on what the EPub3 looks like…
Thanks, as well, for the solution. I was wondering about the spacing. Do you know what css to use to reduce the spacing above the flourish and increase it below to vertically center it?
p.centered-text > img { margin: -1rem auto 1.5rem auto !important; }Put this in your custom stylesheet. The -1rem is the top margin and 1.5rem is the bottom margin. You will need to change these values until it looks right in your kindle previewer…
Thanks! That was just what I needed. You wouldn’t by chance know how to adjust the spacing between chapters in the endnotes would you? The gap between is too great out of the box. Refer to the image below.
In the compile settings for Footnotes you want to create a style for the “Endnote Subheading Style”, and give it a CSS class name and then in your custom CSS give it a margin to your tastes. The position key is margin { top right bottom left }
Scrivener 3’s flexibility amazes me…
Thanks again for such clear and helpful instructions. That works great with one exception. The very top of page endnote heading is too close to the divider as seen below…
Is there a way to exclude the top heading from the margin adjustment or add some space below the divider just on that page?
Also, is there a way to full justify the endnotes so the formatting matches the rest of the book? I tried both of the following to no success…
p.endnotes { text-align: justify !important; }
endnotes { text-align: justify !important; }
Doesn’t Kindle have a way to “inspect” the mobi file? At least in iBooks or Calibre, you simply select an item and inspect it and it will tell you all the details (what the item is, what CSS rules apply to it, what its borders and margins are). It is a “live” editor and you can change values and see the result, this makes it easy to “see” what you need to adjust.
Anyway the clue to your problems lie in the Scrivener setting “Endnotes style:” — that gives your endnotes a style and if you give them the Footnotes style (set by default) then you use p.footnotes{text-align: justify !important;}.
As to your flourish position I don’t know how you’re inserting it, but “inspect” should solve this for you.
Thanks once more for your assistance. The css p.footnotes{text-align: justify !important;} did the trick.
Unfortunately, the Kindle Previewer is very basic and does not offer the ability to inspect elements. I do that all the time with Chrome when I’m working in Wordpress with my websites, for troubleshooting and seeing how someone else accomplished the effect I’m after.
Does anyone know of a Kindle previewer other than Amazon’s? I’m looking for something that would let me view the code like you can with Chrome for webpages.
I don’t own any .mobi files so can’t test but what about Calibre, the swiss army knife for eBooks? It says its eBook editor supports kindle: