Jump to content

Change location of pagination navigation

Recommended Posts

I'd like the pagination on sub-pages to be centered between the line demarking the footer and the line I created demarking the end of the page text.  Would this be adding padding to the bottom of the pagination to orient it higher in it's content box?  You can see from this picture that the pagination does not appear centered between the lines (though it is centered between the sections). How would one go about making this edit? 

This is the website:

https://gar-conch-fhlx.squarespace.com/
password: larslangberg

Screen Shot 2022-01-14 at 2.11.22 PM.png

Link to comment
  • Replies 6
  • Views 481
  • Created
  • Last Reply

Top Posters In This Topic

16 minutes ago, larsarchitects said:

I'd like the pagination on sub-pages to be centered between the line demarking the footer and the line I created demarking the end of the page text.  Would this be adding padding to the bottom of the pagination to orient it higher in it's content box?  You can see from this picture that the pagination does not appear centered between the lines (though it is centered between the sections). How would one go about making this edit? 

This is the website:

https://gar-conch-fhlx.squarespace.com/
password: larslangberg

Screen Shot 2022-01-14 at 2.11.22 PM.png

Try adding to Home > Design > Custom Css

#block-yui_3_17_2_1_1642122268786_4223 {
  padding: 0;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

My testing

image.thumb.png.eedb9c7a66369d0fe70a68ef8bc0b39d.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 1/18/2022 at 12:52 AM, larsarchitects said:

Hi @bangank36!  Thanks for your suggestion.  I entered the code into the custom CSS section and it seems to have applied to the first project page, but not the subsequent ones.  Here's another screen shot showing a different page.  Any thoughts?

Screen Shot 2022-01-17 at 9.51.50 AM.png

Try this new CSS

body.collection-6132ae22a823c83c83c0575e.view-item article section:last-child .horizontalrule-block {
    padding: 0px !important;
}

 

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
On 1/20/2022 at 12:44 AM, larsarchitects said:

This works great!  Thank you! How do I include the second projects portfolio, "commercial"? The projects in that nav file still look the old way. 

Try this new code

body.collection-6132ae22a823c83c83c0575e.view-item, body.collection-6132ae8636fa25109506e248.view-item {
article section:last-child .horizontalrule-block {
    padding: 0px !important;
}}

 

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.