We're merging with GenerateBlocks! Learn more here.

[Resolved] Styling pagination and prior/next

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Styling pagination and prior/next

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #32970
    Chris
    Participant

    Hi there!
    Sorry for this really basic question, but I’m trying to make archive pagination and prior/next links in WP Show Posts consistent with WooCommerce.
    What I’ve got:
    Basic pagination
    What I’m hoping for:
    Desired pagination
    I figure I can just copy over the WooCommerce styling, but where should I put it?
    Thanks!

    #32999
    elvin
    Moderator

    Hi Chris,

    Can you link us to the pages in question? So I can inspect the pages and help you out with the CSS writeup to match WooCommerce’s pagination w/ WPSP. 😀

    #33001
    Chris
    Participant

    Thanks Elvin!
    Oops! Should’ve given you those links up front. 😅
    Here’s the page with WPSP pagination:
    https://nishigawakobo.com/category/drypoint-works/
    And here’s a page with WooCommerce pagination:
    https://nishigawakobo.com/product-category/postcards/
    Thanks for having a look!

    #33042
    elvin
    Moderator

    Try adding this CSS:

    .wpsp-load-more .page-numbers {
        margin: 0;
        text-decoration: none;
        padding: 0;
        line-height: 1;
        font-size: 1em;
        font-weight: 400;
        padding: .5em;
        min-width: 1em;
        display: inline-block;
        text-align: center;
        border-right: 1px solid #d3ced2;
    }
    
    .wpsp-load-more {
        border: 1px solid #d3ced2;
        width: fit-content;
        margin: 0 auto;
    }
    #33044
    Chris
    Participant

    Thanks Elvin!
    That’s great! Exactly what I’d been hoping for.
    Thanks again,
    Chris.

    #33051
    elvin
    Moderator

    No problem. Glad to be of any help. 😀

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