Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

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


JB21

Question

3 answers to this question

Recommended Posts

  • 0
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;
}

image.thumb.png.8d44e177911bb0c33d29143f0f0ce80e.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0

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

Site URL – https://bowiebybicycle.com/

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

https://bowiebybicycle.com/bowie-blog

bowiebybicycle.com-01-min.png

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

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

bowiebybicycle.com-02-min.png

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

https://bowiebybicycle.com/

bowiebybicycle.com-03-min.png

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

https://bowiebybicycle.com/

bowiebybicycle.com-04-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

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