MENU

How to Center a Form Submit Button Using Custom CSS in PhotoBiz

Sep 22 2026 | By: PhotoBiz Knowledge Base

How to Center a Form Submit Button Using Custom CSS in PhotoBiz

Overview

The submit button in a PhotoBiz Form Block normally follows the default alignment set by the form layout. You can use a small custom CSS snippet to center the button horizontally on the page.

When added to the page SEO settings, this CSS centers the submit button for each Form Block on that page. This guide explains where to add the code and how to confirm the change.

Prerequisites

Before you begin, make sure:

  • You have access to the PhotoBiz Website Builder.
  • You have added a Form Block to the page you want to update.
  • You are comfortable copying and pasting a short CSS snippet.

STEP ONE

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

STEP TWO

Click the page containing the Form Block you want to update.

Once the page loads in the Website Builder, click SEO in the upper-right corner to open the page SEO settings.

STEP THREE

Click TRACKING in the menu on the left side of the SEO panel.

STEP FOUR

Copy and paste the following code into the HEAD field exactly as shown:

This CSS changes the submit button container to a flexible layout and centers the button horizontally.

FINAL STEP

Click SAVE to apply your changes.

Refresh your website preview or visit the live page. The submit button in each Form Block on the selected page should now appear centered.

What Your Clients Will See

The screen shot below shows a form block with the submit button centered using CSS. 

Additional Options or Helpful Notes 

  • This CSS applies to every Form Block on the page where you added the code.
  • The change affects the submit button only. It does not change the alignment of the form fields, labels, or other content.
  • The button remains centered on desktop, tablet, and mobile screens.
  • You must add the CSS to each page where you want to center a form submit button.
  • If the HEAD field already contains other code, add this snippet above or below the existing code. Do not remove code that is already in the field.
  • To apply the change throughout your website, add the CSS to GLOBAL CSS/JS in your design settings instead of the SEO settings for an individual page.

Troubleshooting or FAQs

The submit button is not centered

Confirm that you pasted the complete code into the page’s SEO → ADVANCED TRACKING → HEAD field. Make sure the opening and closing style tags are included.

Click SAVE, and then refresh the page. If the button still has its previous alignment, clear your browser cache or perform a hard refresh.

The code appears as text on the page

Make sure you added the code to the HEAD field under ADVANCED TRACKING. Do not paste it into a Text Editor Block, HTML Block, or form field.

I only want to center one form on the page

The CSS targets the submit button container for every Form Block on the selected page. If the page contains multiple forms, each form’s submit button will be centered.

How do I remove the centered alignment?

Return to the page’s SEO settings and remove the CSS snippet from the HEAD field. Click SAVE, and then refresh the page.

Need Help?

Support Hours: Monday to Friday, 9am to 6pm EST

Phone: 866.463.7620

Support Channels: Phone, Live Chat, Support Ticket

Previous Post Next Post

Related Posts

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

How to Increase The Height of Story Panel Using CSS

March 5, 2026

How to Hide the Home Page (or 1st Menu Item) Using Custom CSS in PhotoBiz

August 21, 2026

CLOSE