How To Adjust Spacing And Padding

How To Adjust Global Template Styling Settings

This video guide explains how to set the default styling options for your PhotoBiz website template.

How to Adjust Global Template Styling Settings in PhotoBiz

Overview

The Styling settings in your PhotoBiz Website Builder allow you to control the overall layout and spacing of your website. These global settings affect how your content displays across all pages, including images, text, and backgrounds. In this guide, you will learn how to access the Styling tab and adjust key layout options such as spacing, padding, opacity, and mobile display. By the end, you will have full control over your website’s default layout and visual spacing.

STEP ONE

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

This opens your Website Dashboard where you manage your pages and design settings.

STEP TWO

Click the DESIGN tab at the top of the Website Dashboard.

This will take you to your global design settings.

STEP THREE

Click the EDIT DESIGN SETTINGS button.

This opens the right-side panel where all global design options are located.

STEP FOUR

Click the STYLING tab in the design settings panel.

This section contains all layout and spacing controls for your website.

STEP FIVE

Adjust your global styling settings based on your preferences.

SITE WIDTH

Controls how wide your website content appears on the screen.

Standard
Medium
Large

CONTENT BACKGROUND & FOOTER BACKGROUND OPACITY

Adjust how transparent or solid your content and footer backgrounds appear.

Set values from 0% (fully transparent) to 100% (fully solid)

DISPLAY SOCIAL MEDIA ICONS

Choose whether your social media icons appear on your website.

Select Yes to display icons
Select No to hide them

STEP SIX

Customize your spacing settings to control how content is arranged on your pages.

Space Between Items controls the spacing between images in grid layouts
Space Below Blocks controls the space between one block and the next
Space Inside Blocks controls the spacing at the top and bottom within each block
Flushing controls whether content stretches full width or stays centered within a container
Editor Left-Right Padding controls horizontal spacing on the left and right sides of text editor blocks

STEP SEVEN

Adjust your mobile display settings to control how your website appears on smaller screens.

You can choose whether images display in a single column or a two-column layout when viewed on mobile devices.

FINAL STEP

Click SAVE CHANGES to apply your updates.

Your global styling settings are now applied across your website. You will see updated spacing, layout, and display behavior reflected throughout your pages.

Additional Options or Helpful Notes

Global Styling settings act as your default layout across the entire site

You can override these settings at the block level within the Website Builder if needed

Changes made here will automatically update your live site once saved

Previous Post Next Post

How To Change Mobile Layout For Image Blocks

October 24, 2025

PhotoBiz Builder Overview

March 10, 2026

How To Change Templates

February 4, 2026

How To Use Image Blocks

March 6, 2026