Zibster 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 Zibster account and click on WEBSITE in the left-side menu.
STEP TWO
Access the page containing your image block and click on the IMAGE BLOCK where you want to add a color overlay to images.
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. You can either enter a title if you want it to be visible over your image or type < sp > into the title field to make it blank but still 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 under the OVERLAY COLOR option. Click 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 screenshot below.
0 Comments