Archived topic
Page-Break pagination CSS question
3 replies · Started by Markus on February 3, 2018
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