Jump to content

Move blog pagination block from the bottom to an other place in a post page?

Go to solution Solved by tuanphan,

Recommended Posts

Hello Squarespace aficionados! 👋  I would like to move the pagination block ABOVE the Summary block in a blog post page. Is  there a CSS code I could use to change the order of this element?

See the image below for a visual example of what I try to achieve

Screen Shot 2024-03-13 at 5.36.57 PM.png

Link to comment
7 hours ago, annie_mwm said:

Hello Squarespace aficionados! 👋  I would like to move the pagination block ABOVE the Summary block in a blog post page. Is  there a CSS code I could use to change the order of this element?

See the image below for a visual example of what I try to achieve

Screen Shot 2024-03-13 at 5.36.57 PM.png

What is the website URL?

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

I don't think I need to provide the website URL... The site is under construction and I want to preserve the confidentiality of my client.
I provided a screen capture and a written description of the situation. This is a typical behaviour in Squarespace The pagination block ALWAYS appear at the end of a blog post, just ABOVE the footer.

So my question is: is it possible to move the position of the pagination block to make it appear somewhere else within the blog post section? 
Thank you 🙏

Link to comment
  • Solution

If 7.1, use this code to Website > Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
   jQuery(document).ready(function($){
  $('section#itemPagination').insertBefore('.summary-v2-block');
})
</script>

image.thumb.png.e338059356124176cf6945e775fb3231.png

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

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.