PhotoBiz, LLC Logo
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT
MENU

How To Add A Color Overlay To Images in Image Blocks

July 17, 2024 | By: PhotoBiz Knowledge Base

Share

PhotoBiz Website Package Image Blocks allow you to showcase your signature images in various layouts that can be customized to match your brand and style. This guide will show you how to add a color overlay to images in your image block. 

Important Note: The color overlay effect will work on the Square, Portrait, Landscape, and Pinboard layouts for the Image Block. 


STEP ONE

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

STEP TWO

Access the page you have your image block in and then click on the IMAGE BLOCK you want to add a color overlay to images on. 

STEP THREE

In the right-side menu, click on the image thumbnail you want to add a color overlay to. 

STEP FOUR

Scroll down to the TITLE SECTION on your image and you can either enter a title if you want it to be visible over your image OR you can type < sp > into the title field to make it blank but add the overlay effect. Click SAVE CHANGES at the bottom of the right side menu. 

STEP FIVE

Click on the COLORS tab in the right-side menu and select the color you want your overlay to be in the OVERLAY COLOR option, click on SAVE CHANGES to apply your color. 

FINAL STEP

You can adjust the opacity of the overlay on the image by clicking on STYLING and using the drop down menu to adjust the % of the opacity effect. 

After you've applied your image overlay, it will appear similar to the screen shot below. 

Leave a comment

Leave this field empty
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Submit

0 Comments

Previous Post Next Post

Related Posts

How To Use Image Blocks

April 7, 2025

How To Add Titles & Captions To Individual Images

May 5, 2025

How Can I Get My Page To Display More Images?

November 20, 2024

How To Change Image Block Layout

April 29, 2025

Need More Help?

CONTACT US

BUILDER

Website Builder Client Galleries Blog

TOOLS

Ecommerce Scheduler Quotes & Invoices

MARKETING

Email Marketing Forms Contacts SEO

MORE

Account Settings Domain & Email Files PhotoBiz Growth Hub Blog Go To PhotoBiz.com
Copyright © 2004 – 2025 PhotoBiz, LLC All rights reserved
Crafted by PhotoBiz
PhotoBiz, LLC Logo
CLOSE
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT