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

Replacing Pagination Titles on Portfolio Pages


Moonside

Question

Does anyone have code to replace the pagination titles on all portfolio pages?

Instead of showing the next/prev project name, I need to just use the words "NEXT" and "PREVIOUS".

Thank you.

1182154476_ScreenShot2020-04-21at5_26_40PM.thumb.png.8df4fefa4848536a790a9adf008c7a33.png 

Link to post
  • Answers 12
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

12 answers to this question

Recommended Posts

  • 0

Is

26 minutes ago, christyprice said:

Hi @Moonside, I have a blog post on How to Replace or Remove Portfolio Pagination in Squarespace that should help!

Hi Christyprice

Is there a way to use the predefined font families of the page? As in heading 1 , heading 3 etc ? 

I tried to add it somehow but am new on CSS so I am not doing it right.

 

.item-pagination-link .item-pagination-prev-next {
  display: block !important;
  font-size: 15px;
  font-family: ?? 
  text-transform: uppercase;
}

 

 

Link to post
  • 0

Ok I manage to do it I think  I am not sure.

 

.item-pagination-title {
  display:none;
}
.item-pagination-link .item-pagination-prev-next {
  display: block !important;
}
.item-pagination-link .item-pagination-prev-previous {
  display: block
}

.item-pagination-link .item-pagination-prev-next {
  display: block !important;
  font-size: 15px;
  font-family: "aktiv-grotesk"
  text-transform: uppercase;
}
.item-pagination-link .item-pagination-prev-previous {
  display: block !important;
  font-size: 15px;
  font-family: "aktiv-grotesk"
  text-transform: uppercase;
}

 

is this the right way? 

 

 

Link to post
  • 0

@Panos_vsl, you have some redundant code in there. Try just this: 

.item-pagination-title {
  display:none;
}
.item-pagination-link .item-pagination-prev-next {
  display: block !important;
  font-size: 15px;
  font-family: "aktiv-grotesk"
  text-transform: uppercase;
}
.item-pagination-link .item-pagination-prev-previous {
  display: block !important;
  font-size: 15px;
  font-family: "aktiv-grotesk"
  text-transform: uppercase;
}

 

Link to post
  • 0

What should I add to this code in order to substitute the words OLDER and NEWER at the bottom of the page for PREVIOUS and NEXT  ?

Thanks

 

Link to post
  • 0
12 hours ago, tuanphan said:

If you share link to portfolio page, we can take a look

Thanks for your interest.

 
the blog has more than 100 posts, when we reach at the end of the first load we see the word OLDER in red and I would like to change it to PREVIOUS POSTS.
Same if you continue browsing and see OLDER and NEWER, I would like to read PREVIOUS and NEXT.
Thanks in advance. 
Link to post
  • 0
20 hours ago, natalia said:

Thanks for your interest.

 
the blog has more than 100 posts, when we reach at the end of the first load we see the word OLDER in red and I would like to change it to PREVIOUS POSTS.
Same if you continue browsing and see OLDER and NEWER, I would like to read PREVIOUS and NEXT.
Thanks in advance. 

Add to Home > Design > Custom CSS

span.BlogList-pagination-link-label {
    visibility: hidden;
}
span.BlogList-pagination-link-label:before {
    visibility: visible;
    content: "Previous";
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...