How to Hide View Previous & Next Post in Blog Posts Using CSS

How to Hide the View Previous & View Next Posts Links in PhotoBiz Blog Posts Using Custom CSS

PhotoBiz blog posts automatically include navigation links that allow visitors to move between posts using View Previous Post and View Next Post links.

If you prefer not to show these navigation links on your blog posts, you can hide them using a small custom CSS rule inside your website’s Global CSS settings.

This guide walks you through how to add the CSS code that removes these links from all blog posts across your website.

Prerequisites

Before you begin, make sure:

You have access to the PhotoBiz Website Builder
Your website has already been created and is editable
You are comfortable copying and pasting a short snippet of CSS

STEP ONE

Log into your PhotoBiz account and click WEBSITE in the left-side menu.

STEP TWO

Open the Global CSS/JS settings.

In the Website Builder, click DESIGN at the top center of the control panel.

Click on EDIT DESIGN SETTINGS to access your global design settings.

In the right-side panel, click Global CSS/JS. This section applies custom code across your entire website.

STEP THREE

Add the custom CSS to hide the blog post navigation links.

Paste the following code into the CSS field:

Copy & Paste Code:

<style>
.blog-detail__prev-next-post-links {
    display: none !important;
}
</style>

This CSS targets the View Previous Post and View Next Post navigation links that appear on blog post detail pages and hides them from view.

FINAL STEP

Click Save to store your changes.

Once saved, the View Previous Post and View Next Post links will no longer appear on your blog posts.

Additional Options or Helpful Notes

This CSS hides the navigation links on all blog posts across your website.
Because the code is added to Global CSS/JS, the change applies site-wide.
This change only hides the links visually. It does not remove or affect the blog posts themselves.

Troubleshooting or FAQs

The previous and next post links are still visible

Try the following:

Clear your browser cache
Refresh the page
Confirm the CSS was saved in the Global CSS/JS section
Double-check that the code was pasted correctly with no extra characters

Previous Post Next Post

How to Hide the Logo Section Using Custom CSS in PhotoBiz

January 16, 2026

How to Increase The Height of Story Panel Using CSS

March 5, 2026

How To Add Custom CSS To The Website

September 4, 2025

How To Customize Blog Post Layout

July 30, 2025