Bmo567 Posted November 14, 2019 Share Posted November 14, 2019 I've been able to hide the written portion via fonts in the Design tab, but the arrows still show. How can I hide the entire pagination item on blog posts via Custom CSS? Example image below: Link to comment
Bmo567 Posted November 14, 2019 Author Share Posted November 14, 2019 I've tried: blog-item-pagination-title{ display: none; } blog-item-pagination-prev-next { display: none; } item-pagination-title{ display: none; } item-pagination-prev-next { display: none; } None of these work. Link to comment
Solution paul2009 Posted November 14, 2019 Solution Share Posted November 14, 2019 It should be possible to remove the pagination by adding this to Custom CSS: section.item-pagination.item-pagination--prev-next { display: none; } If you find that it doesn't, please provide a working link to the page on your site. xallarap, Marzio, Bmo567 and 3 others 4 1 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
pinfante Posted December 23, 2019 Share Posted December 23, 2019 I did the following and it worked. .BlogItem-pagination-link--prev {display: none;} .BlogItem-pagination-link--next {display: none;} Link to comment
Dado Posted March 3, 2020 Share Posted March 3, 2020 On 11/14/2019 at 4:04 PM, Bmo567 said: I've tried: blog-item-pagination-title{ display: none; } blog-item-pagination-prev-next { display: none; } item-pagination-title{ display: none; } item-pagination-prev-next { display: none; } None of these work. Try this <style> .BlogItem-pagination.clear {visibility:hidden !important;} </style> Link to comment
lauzza Posted May 21, 2020 Share Posted May 21, 2020 I used this on my 7.1 site and it seems to have done the job: .item-pagination { display:none !important; } Worked for me but not sure if it would work for others CesO, Ona and AJAX_SQL 3 Link to comment
Edm Posted July 15, 2020 Share Posted July 15, 2020 This work perfectly for me on 7.1 .pagination-title-wrapper{ display:none; } .item-pagination-icon{ display:none; } Link to comment
GeorginaJoan Posted September 23, 2020 Share Posted September 23, 2020 Hello, I'm hoping to make the pagination smaller - has anyone achieved this? Thanks! Link to comment
tuanphan Posted September 25, 2020 Share Posted September 25, 2020 On 9/23/2020 at 11:17 PM, GeorginaJoan said: Hello, I'm hoping to make the pagination smaller - has anyone achieved this? Thanks! If you share link to blog post. 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
omadmin Posted January 14, 2021 Share Posted January 14, 2021 I used the code below and it removed the pagination, but now the code is visible in the blog post. How can I fix this? .pagination-title-wrapper{ display:none; } .item-pagination-icon{ display:none; } Link to comment
tuanphan Posted January 17, 2021 Share Posted January 17, 2021 On 1/15/2021 at 12:20 AM, omadmin said: I used the code below and it removed the pagination, but now the code is visible in the blog post. How can I fix this? .pagination-title-wrapper{ display:none; } .item-pagination-icon{ display:none; } Can you share your site url? Or try adding code to DESIGN > CUSTOM CSS 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
EpicPlaydate Posted March 23, 2021 Share Posted March 23, 2021 On 7/14/2020 at 10:32 PM, Edm said: This work perfectly for me on 7.1 .pagination-title-wrapper{ display:none; } .item-pagination-icon{ display:none; } This worked great - thank you! hi@epicplaydate.com | epicplaydate.coEpic Playdate is a creative brand firm of storytellers, designers, strategists and all-around good humans. We help lifestyle companies translate their mission & model into visual & audio narratives. Let's make something epic together. Link to comment
NorthCoastNZ Posted October 12, 2021 Share Posted October 12, 2021 does this also work on product pages? I dont want to show the previous and next products. It's totally out of context and looks like a broken part of my page. Thanks www.northcoastnz.com Link to comment
tuanphan Posted October 15, 2021 Share Posted October 15, 2021 On 10/13/2021 at 5:55 AM, NorthCoastNZ said: does this also work on product pages? I dont want to show the previous and next products. It's totally out of context and looks like a broken part of my page. Thanks Can you share link to a product? We can help easier NorthCoastNZ 1 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
NorthCoastNZ Posted October 20, 2021 Share Posted October 20, 2021 all good, they seem to have magically disappeared, not sure how i got rid of them. phew! thanks though tuanphan 1 www.northcoastnz.com Link to comment
ParisC Posted November 25, 2021 Share Posted November 25, 2021 I made a tutorial here https://parisconstantinou.com/remove-previous-next-buttons-on-squarespace-blog/ but I see its already answered 😀 Link to comment
FDEFDI Posted April 20, 2022 Share Posted April 20, 2022 @tuanphan would you be so kind and help me out for this blog: URL: https://www.africa.faithdrivenentrepreneur.org/bios pw: africa22 I am trying to remove the "previous blog" and "next blog" at the bottom of the page. I have tried injecting the various code here in this thread (both into Custom CSS and the header code of the page) with no success. Thanks in advance! Link to comment
paul2009 Posted April 20, 2022 Share Posted April 20, 2022 2 hours ago, FDEFDI said: I am trying to remove the "previous blog" and "next blog" at the bottom of the page. If you are trying to remove the prev/next links on individual bio pages like the screenshot above, the accepted answer in this thread should work for you (see above). If you are trying to hide something different, please provide more details, including a screenshot if possible. Was this post helpful? Please give feedback by clicking an icon below ⬇️ tuanphan 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment