Jump to content

Blog post - move pagination arrows to the top of the page

Go to solution Solved by SquareRefresh,

Recommended Posts

  • Solution
40 minutes ago, Chloe24 said:

Site URL: https://ideam.squarespace.com/projects/meredith-mccrindle

Hello,

I'm trying to move the pagination arrows (previous and next arrows), currently at the bottom of each page, to the top of the blog pages. Ideally they would be between the main navigation of the site and the blog title. 

Thanks in advance!

Hey @Chloe24 try to add next code into Custom CSS:

.Main--blog-item {
  .Main-content {
    display: flex;
    flex-direction: column;
  }

  .BlogItem {
    order: 1;
  }
}

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
2 minutes ago, Chloe24 said:

Thank you it worked! How can I add some padding below the arrows so the blog title isn't as close to the arrows above now?

Add margin-top: 60px; rule before order rule inside .BlogItem styles.

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
  • 8 months later...
On 9/10/2022 at 6:50 AM, NicoleN said:

Is there a way to move the pagination arrows above the comments instead of all the way at the top of the blog post? Thanks in advance! 🙂

Can you share link to a blog post? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.