eBook export cover as html page [and change its default paragraph formatting]?

In version Version: 3.1.5.1 (2073405) 64-bit - 06 Jul 2023, when compiling to ePub 3 EBook you can click on the image icon and see your cover image, the checkbox says to add html cover page, what is it doing, is the cover uploaded an hosted someplace or is it embedded image in the eBook? i am concerned that it is a hosted image someplace and not a part of the physical eBook, in addition, above the cover is a blank page, so page 1 is blank, i do not want a blank page as the first page of the ebook.

Also, the paragraphs have no space beetween them in the eBook export, they run with no spacing like:

This is Paragraph1.
This is Paragraph2.

it should have a space between them such as

This is Paragraph1.

This is Paragraph2.

Thanks for any advise.

The cover is added to the images folder in the e-book. An e-book is like a zipped website.

Add “margin-bottom: 1em;” to your Paragraph Style using Sigil.

1 Like

thanks for the suggestion, are you talking about here?

No, in the CSS pane, add the rule to the css class used for normal paragraphs


ok so i should modify the default then, to make it double space and to make the paragraph space more, just making sure i understand, actually you can’t modify the default style sheet, the block is read only, so me adding it here did not even matter, i can’t update it there

/* Default paragraph formatting */
p { margin: 0rem 0rem 0rem 0rem;  text-indent: 0rem; margin-bottom: 1em;}
p + p { text-indent: 2.00rem; }
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { text-indent: 0em; }
.br + p { text-indent: 0em; }
.br + div > p:first-child { text-indent: 0em; }

/* Styles */
.attribution { margin: 0rem 0rem 0rem 0rem; text-indent: 0rem; text-align: right; }
.block-quote { margin: 0rem 0rem 0rem 0rem; text-indent: 1.25rem; }
blockquote { margin: 0rem 0rem 0rem 0rem; }
blockquote p { margin: 0rem 0rem 0rem 0rem; text-indent: 0rem; }
blockquote p + p { text-indent: 1.25rem; }
.body { margin: 0rem 0rem 0rem 0rem; text-indent: 2.00rem; }
.bordered-title { margin: 0rem 0rem 1.11rem 0rem; text-indent: 0rem; text-align: center; font-size: 1.33rem; }
caption { margin: 0rem 0rem 0rem 0rem; text-indent: 0rem; text-align: center; font-size: 0.83rem; caption-side: bottom; }
.chapter-number { margin: 0rem 0rem 2.22rem 0rem; text-indent: 0rem; text-align: center; font-size: 1.67rem; }
code { font-weight: normal; font-style: normal; text-decoration: none; }
.code-block { margin: 0rem 0rem 0rem 0rem; text-indent: 0rem; }
.code-span {  }
figcaption { margin: 0rem 0rem 0rem 0rem; text-indent: 0rem; text-align: center; font-size: 0.83rem; }
.footnotes { margin: 0rem 0rem 0rem 0rem; text-indent: 0rem; }
.heading-1 { margin: 0rem 0rem 1.78rem 0rem; text-indent: 0rem; text-align: center; font-size: 1.33rem; }
.heading-2 { margin: 0.89rem 0rem 0.89rem 0rem; text-indent: 0rem; text-align: center; font-size: 1.08rem; }
.page-title { margin: 0rem 0rem 1.33rem 0rem; text-indent: 0rem; text-align: center; font-size: 1.17rem; }
pre > code { white-space: pre-wrap; -webkit-hyphens: none; hyphens: none; }
.raw-html {  }
.raw-html-block {  }
.section-number { margin: 0rem 0rem 1.78rem 0rem; text-indent: 0rem; text-align: center; font-size: 1.33rem; }
.sub-heading { margin: 0.89rem 0rem 0.89rem 0rem; text-indent: 0rem; text-align: center; font-size: 1.08rem; }
.subtitle { margin: 0rem 0rem 1.78rem 0rem; text-indent: 0rem; text-align: center; font-size: 1.33rem; font-style:italic; }
.title { margin: 0rem 0rem 1.11rem 0rem; text-indent: 0rem; text-align: center; font-size: 1.33rem; }

/* Footnotes */
a.fn-marker { font-size: 0.65em; vertical-align: super; line-height: 1em; text-decoration: none; }
a.fn-label { text-decoration: none; }

/* Page Padding */
.part-number-page-padding { margin: 0rem 0rem 0rem 0rem; font-size: 1rem; line-height: 6rem; }
.part-title-page-padding { margin: 0rem 0rem 0rem 0rem; font-size: 1rem; line-height: 6rem; }
.chapter-heading-page-padding { margin: 0rem 0rem 0rem 0rem; font-size: 1rem; line-height: 6rem; }
.chapter-title-page-padding { margin: 0rem 0rem 0rem 0rem; font-size: 1rem; line-height: 6rem; }
.heading-page-padding { margin: 0rem 0rem 0rem 0rem; font-size: 1rem; line-height: 6rem; }
.chapter-page-padding { margin: 0rem 0rem 0rem 0rem; font-size: 1rem; line-height: 6rem; }
.titled-chapter-page-padding { margin: 0rem 0rem 0rem 0rem; font-size: 1rem; line-height: 6rem; }
.titled-section-page-padding { margin: 0rem 0rem 0rem 0rem; font-size: 1rem; line-height: 6rem; }

/* Tables */
/* Reset all potential built-in rendering assumptions so we have full control. */
table, table * {
    border: none;
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 0em 0em;
}
table {
    /* Will centre tables on iBooks and others, but annoying, not ADE-based devices, which ignore auto margins. */
    margin: 1em auto 1em auto;
    border-spacing: 0em;
    border: solid #000;
    border-width: 0pt 0pt 1pt 1pt;
}

table caption {
    margin-top: 0.25em;
    caption-side: bottom;
    text-align: center;
}

/* Insert a little padding within cells, mainly horizontal, to keep tables from being cramped to the content width of each cell. */
th, td {
    padding: 0.25em 0.35em;
    border: solid #000;
    border-width: 1pt 1pt 0pt 0pt;
}

/* Avoid text indents in paragraphs inside cells. */
td p { margin: 0rem 0rem 0rem 0rem; text-indent: 0rem; }


/* Images */
img { display: block; margin: 1rem auto 1rem auto; }
img + figcaption { margin-top: -0.75rem; }

/* Numbered lists */
/* 1. a. i. ... */

/* Level Two */
ol ol {
	list-style-type: lower-alpha;
}

/* Level Three */
ol ol ol {
	list-style-type: lower-roman;
}

/* Level Four */
ol ol ol ol {
	list-style-type: decimal;
}

/* Level Five */
ol ol ol ol ol {
	list-style-type: lower-alpha;
}

/* Level Six */
ol ol ol ol ol ol {
	list-style-type: lower-roman;
}

/* Level Seven */
ol ol ol ol ol ol ol {
	list-style-type: decimal;
}

/* Bullets */
/* Bullets, and then it's Dashes all the way down. */

ul ul {
	list-style: none;
	display: block;
	text-indent: -0.6em;
}

ul ul li:before {
    content: '\2043\00A0'; /*unicode for ⁃ hyphen bullet +  */
}

/* Small-caps */
.small-caps { font-variant: small-caps; }

/* Table of contents navigation */
nav#toc ol { list-style: none; padding: 0em; line-height: 1.5em; margin-top: 0.5rem; margin-bottom: 0.5rem; }
nav#toc ol li:before { content: none; }



 when compiling to ePub 3 EBook you can click on the image icon and see your cover image, the checkbox says to add html cover page, what is it doing, is the cover uploaded an hosted someplace or is it embedded image in the eBook?

See also: When to use "Add HTML Cover Page"

Paragraph formatting

As for paragraph spacing vs indenting, the default is indented paragraphs. Are you not seeing any indents in your ebook reader? If not, then attempting to adjust the paragraph formatting with other mechanisms may not solve the problem, as the root problem is likely in the editor content itself. For example you might have applied paragraph styles to all body text, forcing no indents on them, and this kind of override will carry through. So that’s something to keep in mind, if the steps you are taking in the compile settings do not seem to be having an effect on the text.

So as to formatting your paragraphs, sure one can go about using CSS directly if they wish to. We’ve designed the software so you could in fact set things up so that the GUI settings are largely ignored and you are in full control of the stylesheet.

In most cases though, unless you have a preference for that (as I do, nothing wrong with that!), you can just use the GUI as designed rather than digging into the syntax for doing that.

Changing paragraph formatting...
  1. In the CSS pane, at the top you will find a standard text formatting control for establishing default paragraph formatting. Slide the downward pointing arrow on left side of the ruler all the way to the left. This will remove the first-line indent.
  2. Click the line-height and spacing tool (it will probably say “1.0x”) on the right side, and select “Other”.
  3. In here, add After paragraph spacing. This uses points, which will be converted to ePub friendly measurements (em). So just think about it in a relative fashion, at a 12pt font size, 12pts of spacing will be one line. A whole line looks a bit awkward in my opinion though; 8pts isn’t a bad setting for this at that scale.
  4. Now click on the Text Layout pane in the sidebar and disable all of the checkboxes for indent removal. Since we aren’t using indents, no sense in having all of that CSS for no reason.

Click back to the CSS pane, and examine the formatting in the right column. You will note the paragraph formatting section is now significantly simpler. It should just stipulate a 0 amount of indent, and be using margins to affect the padding you added.

That should indirectly also answer your question of why you can’t edit the right column. This is showing you what the GUI is generating for you automatically. It would make no sense to allow modifications to it directly, as they would get lost the moment you ticked a checkbox or whatever.

The left column is for you, and is where you can either place additional formatting the GUI doesn’t address, or where you can override something from the right column that you can’t get rid of with the GUI, or control to the level of precision you desire. Given how CSS works, if you say one thing at the top of the file, and another thing at the bottom of the file, the bottom one takes precedence. For this reason, the stuff in the left column is placed toward the very end of the file.

To circle back around to the top, this stuff may not seem to work if you are forcing styling in the editor. For example if you have a “Body” paragraph style on everything, then p {stuff} is going to change nothing when there is declaration, generated automatically by the software, for .body {otherStuff}.

1 Like

Thanks for the info, the way I solved it was the custom CSS, I override on the paragraph by adding the paragraph formatting, since we cannot alter the default, but can type into the custom, very small window that you can’t expand, i put the default paragraph formatting at the top of it and added the margin-bottom: 1em; to the custom and that worked for what I was trying to accomplish, the other mentioned method didn’t work for me, but many thanks for the instruction and information.

I am loving the customization of this, the defaults are not to friendly for readability and exportability so I am finding I need to over-ride via the custom CSS component or end up with no formatting on export to word, pdf or epub, not with the default.

Which is fine if that is how you want the new user experience to be. Luckily, I am a programmer by trade so this is easy enough to get figured out once I learned where I can make changes and where I cannot.