How to Hide a Specific Block on One Page Using Custom CSS in PhotoBiz

This guide shows you how to hide a specific block on one page of your PhotoBiz website using a small CSS snippet. By adding custom CSS to the page’s SEO Head section, you can remove a block from view on that page only without affecting the rest of your website.

This is useful when creating landing pages, simplifying layouts, removing duplicate sections, or customizing pages for special promotions.

Prerequisites

Before you begin, make sure:

You have access to the PhotoBiz Website Builder
Your website has already been created and is editable
You know which block you want to hide
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 page where you want to hide the block.

In the left column, click the name of the page you want to edit. The page will load in the builder preview.

Scroll to locate the block you want to hide.

STEP THREE

Click directly on the block you want to hide so its settings panel opens on the right side of the screen.

At the top of the right-side panel, click MANAGE.

STEP FOUR

After clicking MANAGE, your page preview will open in a new browser tab.

Look at the address bar. At the end of the URL, you will see a value that includes:

#block_XXXX

The numbers after block_ are your block number.

Copy or write down the number only. You will use this number in a later step.

STEP FIVE

Return to your PhotoBiz control panel and open the same page in the Website Builder.

Click the SEO button in the top-right corner of the page.

STEP SIX

In the right-side SEO menu, click TRACKING. Click TRACKING icon.

STEP EIGHT

Add the custom CSS to hide the block.

In the HEAD field, paste the following code exactly as shown:

Copy & Paste Code:

<style>

.block--REPLACE THIS WITH YOUR BLOCK NUMBER {
    display: none;
}

</style>

Replace REPLACE-WITH-YOUR-BLOCK-NUMBER with the actual block number you copied earlier. This CSS targets that specific block and hides it on this page only.

FINAL STEP

Click Save to apply your changes.

Refresh the page preview. The block will no longer be visible on that specific page.

The content still exists in your control panel and in the website code. It is simply hidden from view on this page.

Additional Options or Helpful Notes

This method hides the block visually but does not delete it.

You can remove the CSS at any time to make the block visible again.

If the block does not disappear, double-check that:
- You entered the correct block number
- There are no extra spaces in the CSS
- The code is placed in the HEAD field under Advanced Tracking
If you want to hide a block across your entire website, use Global CSS/JS instead of page-level SEO tracking.

Troubleshooting or FAQs

The block is still showing. What should I check?
Confirm that the block number matches exactly what appears in the browser URL after clicking MANAGE. Also verify that you replaced the placeholder text in the CSS and saved the page.

Will this affect my SEO?
The block is hidden visually using CSS. The content remains in the page’s code. If you are hiding important keyword content, consider how that may impact search visibility.

Can I hide multiple blocks on the same page?
Yes. You can repeat the same CSS structure inside the style tags using additional block numbers.

Copy & Paste Code:

<style>

.block--REPLACE THIS WITH YOUR BLOCK NUMBER {
    display: none;
}

.block--REPLACE THIS WITH YOUR BLOCK NUMBER {
    display: none;
}

</style>

Previous Post Next Post

How To Add Custom CSS To The Website

September 4, 2025

How To Make Blog Images Available to Pin on Pinterest

January 30, 2026

How to Hide Arrows on Slideshow Images Using CSS in PhotoBiz

February 16, 2026

How To Change The Image Shown When Sharing A Webpage To Facebook

February 11, 2026

How to Hide a Specific Block on One Page Using Custom CSS in PhotoBiz