Site logo

Archived topic

Pagination Container

7 replies · Started by Mark on June 19, 2019

Viewing posts 1–8 of 8

For some reason, there is a big box/container around my pagination area. Please let me know if I can get rid of that.

Hi there,

Are you referring to the border?
https://www.screencast.com/t/dhnTw4sZ

If so remove this CSS added:

.page-numbers {
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid;
    text-align: center;
}

Let me know if this helps :)

I removed that and it just reverts me back to the standard pagination. That box is still there.

Ahh I think I know what you are saying.

Try adding this CSS:

.separate-containers .paging-navigation {
    background-color: #fafafa;
}

Let me know :)

Sweet!

While I got you, can you point me in the right direction to remove the space between the top homepage blog post and the top navigation? I've seen it done before and like the look. I would also do this on post pages as well. Thanks

Try this:

.separate-containers .site-main, .separate-containers .inside-right-sidebar {
    margin-top: 0;
}

Let me know :)

Not sure if I'll use but it works. Thanks

No problem :)

This archived topic is closed to new replies.