Pagination CSS – a different look

Home Forums Support Pagination CSS – a different look

This topic contains 13 replies, has 5 voices, and was last updated by  Mathias 3 years, 6 months ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #163279

    Pete

    Just thought I’d add this suggestion for a different look for the pagination at the bottom of the search/archive pages. Let me know what you think πŸ™‚

    Just add this in your child theme’s style.css. Or using a plugin like Tom’s awesome css plugin. I also like this css plugin.

    nav#nav-below.paging-navigation span.page-numbers.current {font-weight:700;border:solid 1px #1e72bd; background:#1e72bd; padding:3px 5px 3px 5px; margin-right:10px; color:#fff;}
    
    nav#nav-below.paging-navigation a.page-numbers {font-weight:400;border:solid 1px #1e72bd; background:transparent; padding:3px 5px 3px 5px; margin-right:10px;}
    
    nav#nav-below.paging-navigation a.page-numbers:hover {font-weight:400;border:solid 1px #1e72bd; background:#1e72bd; padding:3px 5px 3px 5px; margin-right:10px; color:#fff;}

    #163282

    Pete

    #163326

    Tom Lead Developer

    Cool, thanks for the CSS Pete! πŸ™‚

    #163645

    Larry

    Any demo?

    Thanks

    #164769

    Pete

    I pasted screenshots, it seems they’ve been removed?

    #164770

    Pete
    #164845

    Tom Lead Developer

    Ugh, that’s the forum not showing them because they’re not secure.

    Thanks for posting the link πŸ™‚

    #164995

    Larry

    Thanks for sharing Pete

    It looks great

    #191111

    Ruth

    Great idea for pagination pages. Please, How could I do the same to paginate comments? I have some posts with more than 300 comments and I would like to paginate them in the same way that Pete did, using css with Simple CSS plugin.

    Thanks Tom!

    #191117

    Pete

    What’s your website url with the page with all the comments?

    #191162

    Ruth

    The page belongs to one of our clients,so I canΒ΄t publish it, but I would be very pleased If there is a way to send it to you by private message … How can I contact with you?
    Thanks

    #214236

    Mathias

    Hello Pete,

    thank you for the idea. That little css looks good on archives and the blog itself but does not effect the pagination when used within posts or sites. What do I have to add?

    To give you an idea:
    http://www.mygoal.de/so-geht-der-coopertest-richtig/

    You have to scroll down below related posts and social share buttons. Do you have any idea how to put it above Jetpack’s content? I’m going to ask the forum in an extra thread.

    #214237

    Pete

    Single post pagination is completely different from archive pagination so unfortunately I can’t help you.

    #214320

    Mathias

    Thanks for your quick reply Pete!

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.