Jump to content

Margins Around Pagination Block

Recommended Posts

Site URL: https://www.robbiebalatincz.com

Hello,

On the blog page of the website I'm designing 

https://www.robbiebalatincz.com/soundpost/sunbites

(password: MileHigh99)

I am trying make the pagination container be the same width as the displayed video image, like the below site

https://www.squeakeclean.com/sound-design-mix-gallery/dexcom-g6-rant-superbowl

 

Can anyone help with how to do this?

 

Thanks!

Link to comment
  • Replies 1
  • Views 668
  • Created
  • Last Reply

Add the following to Design > Custom CSS.

/*

  begin keep blog next/prev navigation margins inline with rest of page
  content
  
  SS Version : 7.1
  
  */
  
  .collection-type-blog-basic-grid #page {
  
    background-color : #ebebeb;
    
    }
    
  .collection-type-blog-basic-grid .item-pagination--prev-next {
  
    margin-left : auto;
    margin-right : auto;
    max-width : 1200px; /* this value should match Site Styles > Spacing >
                           Page Width Max */
    }
    
  /*
  
    end keep blog next/prev navigation margins inline with rest of page
    content
    
    */

This is for v7.1.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.