Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

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

By Chloe24, in Customize with code

Go to solution Solved by SquareRefresh,

Recommended Posts

  • Replies 6
  • Views 2.6k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

SquareRefresh
SquareRefresh

Hey @Chloe24 try to add next code into Custom CSS: .Main--blog-item { .Main-content { display: flex; flex-direction: column; } .BlogItem { order: 1; } }  

Chloe24
Chloe24

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

  • Solution
SquareRefresh Level 7

SquareRefresh

Posted
  • Solution
Posted
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.

SquareRefresh Level 7

SquareRefresh

Posted
Posted
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.

  • 8 months later...
NicoleN Level 5

NicoleN

Posted
Posted (edited)

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! 🙂

Edited by NicoleN
tuanphan Level 18

tuanphan

Posted
Posted
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources