Jump to content

Blog issues - switching 'prev' and 'next' with CSS

Recommended Posts

On 6/24/2021 at 3:53 PM, JB21 said:

Site URL: https://bowiebybicycle.com/bowie-blog/bowies-barcelona

Hey there, 

My squarespace blog pagination displays back to front, so if you click on 'previous' it takes you to a NEW post and if you click on 'next' it takes you to an older post. Is there anyway to switch this around?


Thanks so much in advance!

Screenshot 2021-06-24 at 09.37.27.png

like this?

.BlogItem-pagination {
  display: flex;
.BlogItem-pagination-link--prev {
  text-align: right;
  order: 2;
.BlogItem-pagination-link--next {
  text-align: left;
  order: 1;
.BlogItem-pagination-link--prev .BlogItem-pagination-link-label,
.BlogItem-pagination-link--next .BlogItem-pagination-link-label {
  visibility: hidden;
  position: relative;
.BlogItem-pagination-link--prev .BlogItem-pagination-link-label:before {
  visibility: visible;
  content: "Next";
  position: absolute;
  right: 0;
.BlogItem-pagination-link--next .BlogItem-pagination-link-label:before {
  visibility: visible;
  content: "Previous";
  position: absolute;
  left: 0;


BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 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
  • 2 weeks later...

@JB21Found these on your site. Do you need fix?

Site URL – https://bowiebybicycle.com/

1. (All devices – bowie blog) Dates are not aligned



2. (All devices – bowies barcelona) Dates are not aligned



3. (Desktop – Homepage) The background image and text are the same color, so the text can’t be read in some places



4. (Tablet – Header) header is divided into 2 rows



Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.