Articles on: WordPress

How To Apply Background Overlay?

Extra Note: By using Background Overlay you can set any image or color over another image or content. In addition, you can also control the transparency for both image and color.

Log in to your website's dashboard and click on Pages.

Choose the Page where you want to adjust the Background Opacity from the List of All Pages and click Edit.


Choose the row where you want to apply the background overlay and click on Edit This Row icon.

Under Row Settings, click on General tab. Scroll it down until you'll reach the Background Overlay section. You can adjust the Alpha percentage to fit the background opacity you desire.

          Note: The higher the percentage is the darker the overlay will be. 

Hit Save changes button and click on Update once changes are done.

Is this tutorial unclear? If you do not find the training you are looking for, please send us a detailed email to

Updated on: 12/02/2022

Was this article helpful?

Share your feedback


Thank you!