How To Add Custom CSS To The Website

How to Add Custom CSS and JavaScript to Your PhotoBiz Website

Overview

The PhotoBiz Website Builder includes design settings that let you customize your website without writing code. Advanced users can also add custom CSS, JavaScript, tracking tools, and third-party integrations through the CSS/JS settings.

This guide explains how to find the CSS/JS settings, choose between the HEAD and BODY sections, save your code, and confirm that your website works correctly. Code added through these settings applies globally across your PhotoBiz website.

Important Information About Custom Code

Custom CSS and JavaScript can affect your website’s appearance, performance, accessibility, security, and functionality. Incorrect, outdated, or incompatible code may prevent parts of your website from displaying or working correctly.

Before adding custom code:

Keep a separate backup copy of the code.
Confirm that the code comes from a trusted source.
Follow the installation instructions provided with the code.
Add one code change at a time when possible.
Test your website on desktop and mobile devices after saving.
Remove the most recently added code if your website stops working correctly.

PhotoBiz Support can show you where to add or remove code and answer questions about the CSS/JS feature. PhotoBiz Support cannot write, review, modify, repair, or troubleshoot custom or third-party code.

For help with the code itself, contact a qualified web developer or the company that provided it.

STEP ONE

This opens the PhotoBiz Website Builder, where you can manage your website pages, content, and design settings.

STEP TWO

Click DESIGN at the top of the Website Builder.

The Design section displays a preview of your website and provides access to the global design settings used throughout your site.

STEP THREE

Click EDIT DESIGN SETTINGS above the website preview.

Your website’s global design settings will open in the right-side panel.

STEP FOUR

Click CSS/JS in the right-side settings panel.

The CSS/JS section includes separate areas for adding code to the HEAD and BODY of your website. The correct location depends on the type of code you are adding and the instructions provided by the developer or third-party service.

FINAL STEP

Paste your custom code into the location specified by the code provider.

Use the HEAD section when the instructions tell you to place the code in the website header, head section, or between the opening and closing head tags. Custom styles, verification tags, tracking tools, fonts, and some third-party scripts may use this section.

Use the BODY section when the instructions tell you to place the code in the website body or near the opening or closing body tag. Some widgets, integrations, tracking scripts, and interactive tools may require this section.

Do not move code between the HEAD and BODY sections unless the provider confirms that either location is supported. Placing code in the wrong section may prevent it from loading or cause parts of your website to work incorrectly.

Click Save Changes after entering your code. Saving automatically applies the update to your website. There is no separate Publish button.

Open your website in a new browser tab and review the affected pages. Check your website on desktop and mobile devices to confirm that the code works correctly and has not affected other areas of your site.

Understanding the HEAD and BODY Sections

The HEAD and BODY sections refer to different areas of your website’s underlying page structure.

HEAD: Loads information and resources that are generally not displayed as page content. This may include custom styles, verification tags, tracking code, fonts, or scripts that need to load early.
BODY: Contains the visible and interactive content of a webpage. Code added here may display a widget, add functionality, or load a script after other page elements.

Always use the location specified in the installation instructions supplied with your code. PhotoBiz does not determine whether third-party code belongs in the HEAD or BODY section.

Helpful Notes

Custom code added through the CSS/JS settings applies globally across your PhotoBiz website. It may affect every page, even when the code is intended to change only one feature.

Add one code change at a time when possible. Click Save Changes, test your website, and confirm that everything works before adding more code. This makes it easier to identify which code caused a problem.

Keep a backup copy before editing or removing existing code. This allows you to restore the previous version if needed.

Some third-party services require additional setup on their platform before their code will work. Review the provider’s complete installation instructions before adding the code to PhotoBiz.

Privacy and Third-Party Tracking

Third-party scripts may collect information about your website visitors. This can include analytics, advertising, chat, scheduling, social media, or other tracking tools.

Before adding third-party code:

Review the provider’s privacy and data collection practices.
Determine whether you need to update your website’s privacy policy.
Confirm whether visitor consent is required.
Remove services that you no longer use.

You are responsible for confirming that the code and services added to your website meet the privacy requirements that apply to your business and visitors.

Troubleshooting Custom Code

My website does not display or work correctly

Return to WEBSITE, click DESIGN, and open EDIT DESIGN SETTINGS. Click CSS/JS, remove the most recently added code, and click Save Changes.

Refresh your website and check whether the problem has been resolved. If the issue continues, contact the developer or third-party provider that supplied the code.

My custom code is not working

Confirm that you placed the code in the HEAD or BODY section specified by the provider. Review the provider’s installation instructions and verify that you completed any required setup outside your PhotoBiz account.

Open your website in a private or incognito browser window to check the most recent version without previously cached website files.

The code works on one page but not another

Code added through the CSS/JS settings is available globally, but a script may only activate when a specific page element, widget, or integration is present.

Contact the code provider to confirm which pages and website elements are required for the code to work.

Can PhotoBiz Support fix my custom code?

PhotoBiz Support can help you locate the CSS/JS settings and remove code from your account. PhotoBiz Support cannot write, review, modify, repair, or troubleshoot custom CSS, JavaScript, or third-party code.

Contact the developer or service provider that supplied the code for assistance with its installation or functionality.

Previous Post Next Post

How To Use HTML Blocks

May 7, 2026

How To Embed VidFlow Galleries or Videos on PhotoBiz

May 15, 2025

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

March 5, 2026

How to Hide the Logo Section Using Custom CSS in PhotoBiz

January 16, 2026