Pagination links are generating white space

  • Resolved wileycoyote78

    (@wileycoyote78)


    2 years, 4 months ago

    Hello,

    I am adding pagination to a theme I’m building, and I noticed that there is white space between the links when using the default ‘plain’ type. It goes away if I use ‘list,’ but I am looking to have the ‘previous’ and ‘next’ buttons showing all the time; this is something that WP doesn’t offer out of the box and therefore must be “hacked” with filter overrides. I’ve tried using the list option, but then the styling becomes a nightmare of flex boxes and paddings…

    No, the overrides aren’t causing the problem. I generated the pagination without the template filter, and the white space is still there. This causes a problem with styling as the white space is separating the elements more than I would like.

    I’ve tried looking for a fix, but either my research skills suck, or no one has complained about this before (I’m thinking the former to be more likely). I have a separate issue with the custom logo, which I will put on a different topic.

    Thanks for your help.

    • This topic was modified 2 years, 4 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Varshil

    (@varshil151189)

    Hello @wileycoyote78 ,

    From .pagination .nav-links css, remove display: inline-block and background-color and add below css in the same class

    display: flex;
justify-content: center;
align-items: center;

    and in the class .page-numbers change the background color from transparent to hsla(var(–light-blue), 60%);

    Thread Starter wileycoyote78

    (@wileycoyote78)

    Hi @varshil151189 ,

    Thanks for helping me style around the white space. It still doesn’t fix the underlying problem of white space being created, but at least now it is looking exactly as I was intending. Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Pagination links are generating white space’ is closed to new replies.