Header & First line on Multipage Posts

Hi @dhatul,

In a multi-page post, each page displays the same header and also same formatting on the first line.

Are you referring to the post on the homepage (which has the title and introduction twice)?

https://rkstage.rajeshkapoor.com/

Or were you referring to the Last Vegas post?

https://rkstage.rajeshkapoor.com/less-vegas/

Once I know for sure, I can take a closer look ??

I am referring to the 2nd one, the Less Vegas post.

Hi @dhatul –

Please take a look at this screen shot. Just trying to make sure I’m on the same page as the request you posted.

It’s the first line of this post that you want to change? The font of The recent incident of Las Vegas to match the font of the rest of the post?

• This reply was modified 5 years, 7 months ago by lizkarkoski.

The post is right. But no change is required on the first page. Change is required 2nd page onwards of this post.

Hi there,

Please see my reply to you in https://www.ads-software.com/support/topic/comments-input-box-on-multipart-posts/

This isn’t possible, as there’s no way to target individual sections of a paginated page using CSS.

I took another look, and it seems there are a couple CSS classes added, .paged-2.single-paged-2, .paged-3.single-paged-3, etc.

So this might work:

For the first line styling, use this:

/* Remove styling from first letter on second and third paginated pages */

.paged-2.single-paged-2 .format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::first-letter, .page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::first-letter, .emphasis::first-letter, .paged-3.single-paged-3 .format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::first-letter, .page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::first-letter, .emphasis::first-letter {
  color: initial;
  display: initial;
  float: initial;
  font-family: "Libre Baskerville", Baskerville, "Book Antiqua", Georgia, Times, serif;
  font-size: initial;
  font-style: initial;
  font-weight: initial;
  line-height: initial;
  margin: initial;
}

/* Remove styling from first line on second and third paginated pages */

.paged-2.single-paged-2 .format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::first-line, .page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::first-line, .emphasis::first-line, .paged-3.single-paged-3 .format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::first-line, .page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type::first-line, .emphasis::first-line {
  color: initial;
  font-family: "Libre Baskerville", Baskerville, "Book Antiqua", Georgia, Times, serif;
  font-size: initial;
  font-style: initial;
  font-weight: initial;
  letter-spacing: initial;
}

If you add additional pages, just add additional CSS selectors to those pages accordingly.

To add text behind the page title:

/* Add "Continued from" text behind page title on paginated pages */

.paged-2.single-paged-2 div.title-block h1::after {
  content: " (Continued from page 1)";
  font-size: 60%;
}

.paged-3.single-paged-3 div.title-block h1::after {
  content: " (Continued from page 2)";
    font-size: 60%;
}

If you create paginated pages with more than 3 sections, you’ll need to add additional instances of this for each additional page.

Also note I’ve made the Continued From text a bit smaller than the title text. You can play around with that value until it looks best to you.