Canvas Support

Dark Overlay on Parallax Background page title

1 reply·opened May 10, 2020
F
FaKeRYTubeMay 10, 2020

Hi how to add black overlay or opacity on background image on page title????

S
SemiColonWebSTAFFMay 11, 2020

Hello,

You will need to use Custom CSS Codes for this as this depends on the Block/Element you are using. Currently, the following code is used on some sections to get an Overlay Effect:

<div class="section" style="background-image: url(&apos;one-page/images/page/main.jpg&apos;); background-size: cover; background-position: center center;">
&#x9;<div class="container">
&#x9;&#x9;...
&#x9;</div>

&#x9;<div class="video-wrap">
&#x9;&#x9;<div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
&#x9;</div>
</div>

This should work fine. You can customize this further according to your needs. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard