[Support request] Page-Break pagination CSS question

Home Forums Support Page-Break pagination CSS question

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #487337
    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

    GeneratePress 2.0.2
    GP Premium 1.5.6
    #487419
    Leo
    Staff
    Customer Support

    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.

    #487534
    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

    #487806
    Leo
    Staff
    Customer Support

    Try this selector: .page-numbers.current

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.