Pagination / Next Post

Posted in: Newspaper
Post count: 1

1. Would like to add pagination as seen here : https://www.soolide.com/12388/2
Meaning : instead of numbered pagination, Next or Continue button.

2. Would like to add Next Post button as seen here (not Next Article small text link as you have now) :
https://www.hashtagchatter.com/trending/man-saves-woman-cpr-the-office/

My site : https://www.todays365.com/2019/02/20/victoria-beckham-demos-the-style-trick-for-longer-looking-legs/

Post count: 35449

Hi,

Please note that both example that you provide are for posts, and in order to achieve the next or continue button instead of numbered pagination you’ll need to make some changes in theme files.
But you can achieve the next/prev button like in your screenshot using some custom css here is an example -> https://www.screencast.com/t/cGvm7NDMqY
.td-post-next-prev .td-block-span6 {
padding: 15px;
text-align: center;
width: 40%;
margin-left:5%;
margin-right: 5%;
border-radius: 15px;
margin-bottom: 42px;
}
.td-post-next-prev .td-block-span6:nth-child(1) a{
margin: 0;
color: #333;
}
.td-post-next-prev .td-block-span6:nth-child(3) a {
margin: 0;
color: #fff;
}
.td-post-next-prev .td-block-span6:nth-child(1) span{
color: #333;
font-size: 18px;
font-weight: 700;
}
.td-post-next-prev .td-block-span6:nth-child(3) span{
color: #fff;
font-size: 18px;
font-weight: 700;
}
.td-post-next-prev .td-block-span6:nth-child(1){
border: 1px solid #e6e6e6;
background-color: #e6e6e6;
}
.td-post-next-prev .td-block-span6:nth-child(3){
background-color: #4db2ec;
border: 1px solid #4db2ec;
}

-> https://www.screencast.com/t/m1VgxwIc
You need to set this custom css in Newspaper>Theme panel>Custom code>Custom css

Thank you for your understanding!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.