Site logo

Archived topic

Page-Break pagination CSS question

3 replies · Started by Markus on February 3, 2018

Viewing posts 1–4 of 4

Hi Tom,

First, let me thank you for this great theme. It's really well thought-out!

Nevertheless, I have a problem with the <!--nextpage--> page brake within my posts.

There is a class for the pagination numbers with link, but not for the active page, which has no link. With this CSS code it works fine for the linked page numbers.

.inside-article .entry-content .page-links a {
	
padding: 10px 24px;
    float: left;
    margin: 0 10px 10px 0;
    background: #bc212a;
    font-size: 24px;
    text-decoration: none;
    position: relative;
    color: #fff;
    border: none;
    border-radius: 50%;
	
}

.inside-article .entry-content
.page-links a:hover {
   background: #ef4f12;
	color: #fff;

}

But how can I format the page number of the active page?

Greetings,
Markus

Hi there,

Are you able to link me to the page in question so I know the exact element you are referring to?

You can edit the original topic and use the private URL field.

Hi,

Currently, it's on a local development system. But the code of the pagination generated by Generatepress looks like this:

<div class="page-links">Pages: 1 <a href="https://nachbelichtet.com/?p=15197&page=2">2</a></div>

Markus

Try this selector: .page-numbers.current

This archived topic is closed to new replies.