Single paragraph viewing per page?

[womp9]

Is there a way I can make each page view only a single paragraph?

[kovidgoyal]

Add

p { page-break-after: always }

to the user stylesheet in the viewer.

[womp9]

Originally Posted by kovidgoyal

Add

p { page-break-after: always }

to the user stylesheet in the viewer.

I have tried to follow your advice, but it looks like it still isn't working for me. I still don't get one paragraph per a page.

[kovidgoyal]

Then your book isnt actually using <p> tags for paragraphs, in which case there isnt any generic way to do this it will depend on per book markup.

[nqk]

margin-bottom: 98vh !important;



Sent from my Pixel 7 Pro using Tapatalk

[womp9]

Originally Posted by kovidgoyal

Then your book isnt actually using <p> tags for paragraphs, in which case there isnt any generic way to do this it will depend on per book markup.

That's a shame. Thanks anyway!

[womp9]

Originally Posted by kovidgoyal

Then your book isnt actually using <p> tags for paragraphs, in which case there isnt any generic way to do this it will depend on per book markup.

Would you know how I should edit this books CSS so that paragraphs turn into pagebreaks?:

Spoiler:

.bold {
font-weight: bold
}
.calibre {
display: block;
font-size: 1em;
padding-left: 0;
padding-right: 0;
text-align: justify;
margin: 0 5pt
}
.calibre_ {
display: block;
text-align: left;
text-indent: 1em;
margin: 0
}
.calibre_1 {
display: block;
text-align: left;
text-indent: 1em;
margin: 1em 0 0
}
.calibre_2 {
color: #000
}
.calibre_3 {
display: block;
margin: 1em 0 0 2em
}
.calibre_4 {
display: block;
text-align: left;
text-indent: 1em;
margin: 0 0 0 2em
}
.calibre_5 {
height: 349px;
vertical-align: baseline;
width: 103px
}
.calibre_6 {
display: block;
text-align: left;
text-indent: 0;
margin: 2em 0 0
}
.calibre_7 {
display: block;
text-indent: 0;
margin: 1em 0 0
}
.calibre_8 {
display: block;
text-indent: 0;
margin: 0
}
.calibre_9 {
display: block;
text-indent: 0;
margin: 0 0 0 2em
}
.calibre_10 {
display: block;
text-align: center;
text-indent: 1em;
margin: 1em 0 0
}
.calibre_11 {
display: block;
text-align: center;
text-indent: 1em;
margin: 0
}
.calibre_12 {
display: block;
text-align: justify;
text-indent: 1em;
margin: 0
}
.calibre_13 {
display: block;
text-align: right;
text-indent: 1em;
margin: 0
}
.calibre_14 {
height: 271px;
vertical-align: baseline;
width: 63px
}
.calibre_15 {
height: 271px;
vertical-align: baseline;
width: 60px
}
.calibre_16 {
height: 271px;
vertical-align: baseline;
width: 62px
}
.calibre_17 {
height: 271px;
vertical-align: baseline;
width: 56px
}
.calibre_18 {
display: block;
text-align: justify;
text-indent: 1em;
margin: 0 0 0 2em
}
.calibre_19 {
height: 271px;
vertical-align: baseline;
width: 54px
}
.calibre_20 {
display: block;
text-indent: 1em;
margin: 0
}
.calibre_21 {
height: 271px;
vertical-align: baseline;
width: 64px
}
.calibre_22 {
display: block;
text-align: center;
text-indent: 0;
margin: 1em 0 0
}
.calibre_23 {
height: 775px;
vertical-align: baseline;
width: 471px
}
.calibre1 {
display: block
}
.calibre2 {
font-size: 0.75em
}
.calibre3 {
font-size: 1.125em;
line-height: 1.2
}
.calibre4 {
display: block;
margin: 0 0 0 2em
}
.calibre5 {
font-size: 0.75em;
line-height: normal;
vertical-align: super
}
.calibre6 {
font-size: 0.77778em
}
.calibre7 {
font-size: 1.28571em
}
.italic {
font-style: italic
}
.mbp_pagebreak {
display: block;
margin: 0
}

[theducks]

By reverse engineering the files.

But wait, Calibre Editor made it simple

<p class="p12">Natesa laughed, and shook her head.</p>

Simply put the cursor on the item made lime and ctrl-right click. That jumps to the CSS that controls THAT P

insert that page break code there

[Karellen]

Originally Posted by theducks

<p class="p12">Natesa laughed, and shook her head.</p>

Simply put the cursor on the i made lime and ctrl-right click.

Sorry, I am not sure what you mean here.
It should be ctrl-left mouse button on the "p12" class.
I don't know what the "i" and lime is as they don't appear in the snippet you posted.

[theducks]

The i was supposed to be item
P12 is just the sample selector, yours will usually be different (eg calibre42)

[kovidgoyal]

Look at the HTML markup in your book. Find out what tags is used for paragraphs. Then in the CSS add

whatever-tag-that-is { page-break-after: always !important }

[JSWolf]

Originally Posted by theducks

By reverse engineering the files.

But wait, Calibre Editor made it simple

<p class="p12">Natesa laughed, and shook her head.</p>

Simply put the cursor on the item made lime and ctrl-right click. That jumps to the CSS that controls THAT P

insert that page break code there

Please don't use lime as a color. It's unreadable against a white background.