How to Hide Arrows on Slideshow Images Using Custom CSS in PhotoBiz

Banner Blocks and Image Blocks allow you to display image slideshows on your PhotoBiz website. When multiple images are added to one of these blocks, navigation arrows automatically appear, allowing visitors to manually cycle through the images.

This guide walks you through how to hide slideshow arrows on a specific page only using custom 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 disable the slideshow arrows.

1. In the Website Builder, navigate to the specific page you want to update.

2. Click SEO in the upper-right corner of the page to open the page-level SEO settings.

STEP THREE

Add the custom CSS to hide the slideshow arrows.

1. In the SEO settings panel, locate the HEAD field under Advanced Tracking.

2. Paste the following code into the field exactly as shown:

This CSS targets slideshow arrows within Banner Blocks and Image Blocks and hides them on this page only.

FINAL STEP

Save your changes.

• Click Save to apply the update.

• The slideshow arrows will no longer appear on this page, while remaining visible on all other pages of your site.

Additional Options or Helpful Notes

The arrows still appear on the page

Try the following:

• Refresh the page and clear your browser cache

• Confirm your images are using a Banner Block or Image Block

• Make sure the code is pasted into the page’s SEO → HEAD section (not Global CSS/JS)

• Verify you clicked Save after adding the code

If the issue persists, PhotoBiz Support can help confirm whether the correct block type is being used.