Site logo

Archived topic

I want this type of pagination on Marketer theme?

9 replies · Started by Milind on October 26, 2019

Viewing posts 1–10 of 10

Pagination Style

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;
}

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

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?

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

its upgradedigitally.com

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.

got it. Thank You

You're welcome

This archived topic is closed to new replies.