Hiding the Previous and Next post function

Site URL: http://theversion.co

Hi, I've founded about 3 different versions of code on forums to house the previous and next post buttons at the bottom of blogs... But none of them work! 

Can anyone help me out please? 

.item-pagination {
  display:none !important;
}

Thank you and please can you confirm where I paste this? I have tried pasting it in Page Header and also Post Blog Item Code and neither work for me.

2 minutes ago, theversion said:

Thank you and please can you confirm where I paste this?

Design > Custom CSS for applying to entire site.

You can use code blocks for individual pages.

1 minute ago, aravsanj said:

Design > Custom CSS for applying to entire site.

You can use code blocks for individual pages.

Thank you, tried this too and it's not working. 

15 minutes ago, theversion said:

Thank you, tried this too and it's not working. 

Edit: See post below
Can you try

.pagination-title-wrapper {
display:none !important;
}

or 

.item-pagination-prev-next {
display:none !important;
}

This seems to work: @theversion

.pagination-title-wrapper {
display:none !important;
}
.caret-right-icon--small {
display:none !important;
}
.caret-left-icon--small {
display:none !important;
}

12 minutes ago, aravsanj said:

This seems to work: @theversion

.pagination-title-wrapper {
display:none !important;
}
.caret-right-icon--small {
display:none !important;
}
.caret-left-icon--small {
display:none !important;
}

Thanks but none of it is working. I'll have to remove all my css and try again tomorrow. Thanks though.

6 minutes ago, theversion said:

Thanks but none of it is working. I'll have to remove all my css and try again tomorrow. Thanks though.

Are you sure? When I edited your website page source, it worked.

To be clear, I added the following in the HTML body of a blog post and it worked:

<style>
.pagination-title-wrapper {
display:none !important;
}
.caret-right-icon--small {
display:none !important;
}
.caret-left-icon--small {
display:none !important;
}
</style>

36 minutes ago, aravsanj said:

Are you sure? When I edited your website page source, it worked.

To be clear, I added the following in the HTML body of a blog post and it worked:

<style>
.pagination-title-wrapper {
display:none !important;
}
.caret-right-icon--small {
display:none !important;
}
.caret-left-icon--small {
display:none !important;
}
</style>

Ah, so I have to add a block to every single blog page? I thought I just needed to paste it in custom CSS and that was it

2 minutes ago, theversion said:

Ah, so I have to add a block to every single blog page? I thought I just needed to paste it in custom CSS and that was it

Custom CSS should work normally.

Do you have an option to inject code to header of your site? Or your blog collection? You seems to be using old version of squarespace, I am not familiar. But if you do, try it.

1 hour ago, aravsanj said:

Custom CSS should work normally.

Do you have an option to inject code to header of your site? Or your blog collection? You seems to be using old version of squarespace, I am not familiar. But if you do, try it.

Yes I do. It's version 7.1

8 hours ago, theversion said:

Yes I do. It's version 7.1

Pasting this piece of code into custom CSS worked for my 7.1 site. 

.item-pagination {
  display:none !important;
}

It seems you've done something that is disallowing custom CSS to target .item-pagination.

Since it's 7.1, you should go to blog settings > Advanced > Post Blog Item Code Injection then paste the above code and see if it works.

Edit: I have confirmed that the above code is working in your site. You maybe having a problem with custom CSS. Injecting same code using <style></style> in Blog Item Code Injection also worked for me. Seemingly, it also overrides custom CSS. Try it.