Jump to content

How to add custom font to post pagination (grid view)

Go to solution Solved by Squareko,

Recommended Posts

Posted

Hi,

I'm looking for a way to use a custom font in my blog pagination. So far, I've managed to change the font in the blog title, blog content, and single post page pagination using CSS.

I've spent a lot of time looking for help on the forum, but the only threads I've found are about single post page pagination.

I'd really appreciate your help!

I want to change the font marked in the screenshot with a red frame (Starsze wpisy means Older posts) to the font I use for headings throughout the whole website, which is: PP Editorial New Regular

URL: https://www.wspolczesnamistyczka.com/blog

pass: APurpleCrocodile

 

Thank you,

Karolina

OlderPosts.png

  • Solution
Posted

To change the font add this code into custom css and replace the font name as you want.

nav.blog-list-pagination .next-label {
    font-family: 'YourFontName', sans-serif; /* Replace 'YourFontName' with the font you want */
    font-size: 16px; /* You can adjust the font size */
    font-weight: bold; /* Optional, adjust if you want a different weight */
}

 

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.