annie_mwm Posted March 13 Share Posted March 13 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 : Link to comment
Web_Solutions Posted March 14 Share Posted March 14 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 : 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
annie_mwm Posted March 14 Author Share Posted March 14 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
tuanphan Posted March 17 Share Posted March 17 Which desired position? top of page, middle of page or? This will require to use custom code 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
annie_mwm Posted March 18 Author Share Posted March 18 (edited) @tuanphan Desired position : I placed a Summary Block at the end of the blog post. I would like the pagination to appear above the Summary Block. See the screen capture. Thank you! Edited March 18 by annie_mwm a mistake Link to comment
Solution tuanphan Posted March 21 Solution Share Posted March 21 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> annie_mwm 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment