Jump to content

Showing more posts in blog column OR changing the "Older posts" button

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.xn--litterrsalong-8fb.net

Hi!

I'm about to launch a page containing works from my classmates. What I noticed now is that the blog-layout only shows half of my entries, and that there's a small button at the bottom that reads "Older posts".

I would like to either:

A: Have this removed and show my 20-25 entries on one page

B: Have the text changed into my native language and possibly make it bigger and more visible. For eksample "Neste side" with 3-4 times the size

The site is planned to go live the 5th of May, so any help as soon as possible would be much appreciated.

Link to comment
  • Solution

Add to Home > Design > Custom CSS

span.next-label {
    visibility: hidden;
}
span.next-label:after {
    visibility: visible;
    content: "Nestie";
    font-size: 30px;
}
1 hour ago, LitteraerSalong said:

https://www.litterærsalong.net/salongen

I've enabled the page and set a temporary password: Salong2020.

 

 

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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
12 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


span.next-label {
    visibility: hidden;
}
span.next-label:after {
    visibility: visible;
    content: "Nestie";
    font-size: 30px;
}

 

Great! Thank you so much! 

Edited by LitteraerSalong
I found the answer to my second question elsewhere
Link to comment
  • 9 months later...
On 2/12/2021 at 3:52 PM, Uggel said:

This doesn't work for me. It only hides the text, not translating it. Any ideas?

Can you share link to page where you have problem? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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
13 hours ago, Uggel said:

Remove above & use new code

span.next-label {
    visibility: hidden;
    display: inline-block;
}
span.next-label:after {
    visibility: visible;
    content: "Nestie";
    font-size: 30px;
    display: inline-block;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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
  • 3 months later...
17 hours ago, dovely said:

I have a similar question to the one mentioned above, but instead of translating I would just like to change "OLDER" to "PREVIOUS" @tuanphan could you take a look please? Below is the link to the site and the password is Doves2021!. 

https://carnation-cinnamon-brt4.squarespace.com/blog

Thank you!

Screen Shot 2021-06-16 at 10.58.51 AM.png

Hi.

Change Older to Previous, Newer to Next?

Do you use Personal or Business Plan? Each plan will have a different code

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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
11 hours ago, dovely said:

@tuanphan we have the business plan currently. Thank you in advance!

Add this to Last Line in Code Injection > Footer

<script>
$(document).ready(function(){
    $("span.BlogList-pagination-link-label").html(function() { 
          return $(this).html().replace("Older", "new older");  
    });
      $("span.BlogList-pagination-link-label").html(function() { 
          return $(this).html().replace("Newer", "new newer");  
    });
});
</script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.