[Resolved] Replicate Imprint bottom navigation on blog archive

[Hector]

Hi, I recently purchased GP Premium and would like to know how I can style the navigation of the blog archive using CSS to look like this from Imprint.

GP 3 rc1
GP Premium 1.12.1

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

It will help me to nail down the CSS easier.

Let me know 🙂

[Hector]

Sure, here it is. Let me now if you need admin access.

[Leo]

Try this:

.nav-links {
    text-align: center;
}
.nav-links .page-numbers {
    line-height: 1em;
    padding: 5px 8px;
}
.paging-navigation .nav-links .current {
    background-color: #ebe9eb;
    color: #8a7e88;
}
.nav-links a.page-numbers:hover {
    background-color: #ebe9eb;
    color: #8a7e88;
}

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

Let me know if this helps 🙂

[Hector]

Thank you Leo! it worked perfectly 👍

[Leo]

No problem 🙂

[vara prasad]

how to increase size of bottom navigation number size “← Previous 1 2 3 Next →”

[David]

Hi there,

try this CSS:

.nav-links {
   font-size: 18px;
}

If you need further help with this please raise a new topic where you can share a link to your site.

[Author]

Posts