How to Adjust Text Overlay Transparency in a Text + Image Block
The Text + Image block on your Zibster website is a great way to pair beautiful visuals with your written content. If your layout includes an overlay, you can easily control how transparent that overlay is to better match your style.
Supported Layouts for Overlay Transparency
You can adjust the overlay transparency on the following Text + Image block layouts:
- Text Overlay Left
- Text Overlay Right
- Text Overlay Center
- Text Overlay Center Left
- Text Overlay Center Right
- Text Overlay Bottom
- Text Circle Overlay Left
- Text Circle Overlay Right
- Image Overlay Left
- Image Overlay Right
- Image Overlay Top
- Image Overlay Bottom Left
- Image Overlay Bottom Right
- No Crop Image Center Left
- No Crop Image Center Right
STEP ONE
Log In to Your Account
Log into your Zibster account and click on WEBSITE in the left-hand menu.
STEP TWO
Select the Page
Click on the page name where the Text + Image block is located.
FINAL STEP
Adjust the Overlay Opacity
-
Click on the Text + Image block to open the settings panel on the right.
-
Click the STYLING tab.
-
Find the OVERLAY OPACITY setting.
-
Use the slider to adjust how transparent you want the overlay to be.
💡 Setting it to 0% will make the overlay background fully transparent.
-
Click SAVE CHANGES to update your page.
