My blog posts are being displayed backwards

Hi there,

I'm using the blog to display my comic and I'm having difficulty making the 'next' pagination go onto the newer post and the 'previous' to go to the older post. They're currently doing the opposite (next for old post and previous for newer posts).

The link is to the first page/post.

also pw: darkness

3 hours ago, Web_Solutions said:

What is the website URL?

https://orb-fife-mggh.squarespace.com/ctm/chapter-i

30 minutes ago, erica_mallia said:

https://orb-fife-mggh.squarespace.com/

What is the blog page link?

56 minutes ago, Web_Solutions said:

What is the blog page link?

https://orb-fife-mggh.squarespace.com/ctm/chapter-i

3 hours ago, erica_mallia said:

https://orb-fife-mggh.squarespace.com/ctm/chapter-i

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.item-pagination-link--prev .pagination-title-wrapper:after {
    content: 'Next' !important;
}
.item-pagination-link--next .pagination-title-wrapper:after {
    content: 'Previous'  !important;
}

15 hours ago, Web_Solutions said:

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.item-pagination-link--prev .pagination-title-wrapper:after {
    content: 'Next' !important;
}
.item-pagination-link--next .pagination-title-wrapper:after {
    content: 'Previous'  !important;
}

 

worked, now how can I move the next to the right and when the previous button shows up, it would appear to the left?

It sounds to me like the date order is not correct for your posts. The sort order of a blog page is reverse chronological.

I'm guessing that the Order should be Cover, Chapter 1, and Page 1.

To "sort" posts in a particular order you have to play games with the publish dates to get the order you want.

The formula you use depends on the number of posts you are trying to sort and other factors. In many cases you will want to leave gaps between the publish dates so you can make insertions if needed. The gap size depends on how many insertions you expect may be needed. For example folks have used a blog page as a staff directory. In that case you might want to leave quite a large gap between the dates. For a comic I assume that the need for insertions will be few so the gap can be pretty small.

An example.

For the cover page you will set a publish date of June 27 11:50 PM.

For the Chapter 1 page you will set a publish date of June 27 11:40 PM.

For the Page 1 page you will set a publish date of June 27 11:30 PM.

Keep in mind that there is no way to group posts or change a group of post dates by an offset. So your date formula has to open enough to accommodate any  future need you see. Otherwise you are in for a painful slog changing dates on posts.

Let us know how it goes.

1 hour ago, erica_mallia said:

worked, now how can I move the next to the right and when the previous button shows up, it would appear to the left?

Add also these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

#itemPagination {
    flex-direction: row-reverse !important;
    .item-pagination-link--prev {
        margin-right: 0 !important;
        margin-left: auto !important;
        flex-direction: row-reverse !important;
    }
    .item-pagination-link--next {
        margin-left: 0 !important;
        margin-right: auto !important;
        flex-direction: row-reverse !important;
    }
    .item-pagination-icon {
        transform: rotate(180deg) !important;
    }
}