[Support request] Page-Break pagination CSS question

[Markus]

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

[Leo]

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.

[Markus]

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

[Leo]

Try this selector: .page-numbers.current

[Author]

Posts