[Support request] I want this type of pagination on Marketer theme?

[Milind]

[David]

Hi there,

try adding this CSS:

#nav-below {
    padding-left:0
}

.nav-links .page-numbers {
    border-radius: 4px;
    min-width: 2.5em;
    line-height: 1.8em;
    padding: 5px 15px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
}

.nav-links .page-numbers {
    background-color: #000;
    color: #fff !important;
}
.nav-links .page-numbers.current {
    background-color: #2010ff;
}

[Ravi kiran]

where should I add this CSS ? to get pagination effect?

[David]

Hi there,

this article explains how to add CSS:

https://docs.generatepress.com/article/adding-css/

[Ravi kiran]

Hey David

When I add above snippet of code to Additional CSS or Simple CSS, Pagination is not displayed as intended when I open a blog post

Is there any specific location to add the css code?

[David]

Can you share a link to your site so i can see what the problem is

[Ravi kiran]

its upgradedigitally.com

[David]

That CSS is for the Blog pagination – it will only display if you have enough posts for it to display pages….

To test if it is working reduce the number of posts in Settings > Reading > Blog pages show at most to 2. Or add more posts to exceed this number.

[Ravi kiran]

got it. Thank You

[David]

You’re welcome

[Author]

Posts