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

Change left/right arrows on blog section from article title to "next/previous"


bhbeny

Question

Site URL: https://marigold-wolf-xzky.squarespace.com/

Hi there, I was wondering how to change the arrows that are on the bottom of the blog articles from the titles of the other articles to "next" / "previous". I assume it is some sort of custom coding as I could not find that option in the design popup when I am in the style editor. I attached a screenshot of what I would like to change for refrence and the site info is below.

Please let me know if I need to provide any additional information! Thank you very much in advance! 

 

Being that the site is in development it is password protected.

The url is: https://www.bellehumeurco.com/articles/fuel-your-productivity-with-the-power-of-documentation
The password is: "documentation"

Screen Shot 2021-07-08 at 10.17.15 AM.png

Link to comment
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

7 answers to this question

Recommended Posts

  • 0
On 7/10/2021 at 11:15 AM, tuanphan said:

Hi. You mean replace pagination titles to Prev/Next text?

Oops! I am not sure if I replied correctly (sorry still new to this!)

 

Hi there, that is correct! I would like the pagination to be prev/next instead of the title of the article.

Link to comment
  • 0

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page.

<style>

  .item-pagination-title {
  
    display : none;
    
    }
    
  .item-pagination-link .item-pagination-prev-next {
  
    display : block;
    font-family : Open Sans;
    font-size : calc( 1 * 1rem );
    font-style : normal;
    font-weight : 700;
    letter-spacing : 0em;
    line-height : 1.3em;
    text-transform : none;
    
    }
    
  </style>

This for v7.1.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
19 hours ago, creedon said:

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page.

<style>

  .item-pagination-title {
  
    display : none;
    
    }
    
  .item-pagination-link .item-pagination-prev-next {
  
    display : block;
    font-family : Open Sans;
    font-size : calc( 1 * 1rem );
    font-style : normal;
    font-weight : 700;
    letter-spacing : 0em;
    line-height : 1.3em;
    text-transform : none;
    
    }
    
  </style>

This for v7.1.

Let us know how it goes.

This worked perfectly!!! Thank you so so much! I really appreciate it! 

Link to comment
  • 0
On 7/11/2021 at 11:43 PM, bhbeny said:

Hi there, that is correct! I would like the pagination to be prev/next instead of the title of the artice.

Hi. Do you want to fix this?

1. (Tablet – Footer) Email is cut into 2 lines.

https://www.bellehumeurco.com/

bellehumeurco.com-01-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...