Canvas Support

How do I place a dark tint over an image?

1 reply · opened Dec 19, 2024

EecurrenDec 19, 2024

Hello,
Looking at the op-index.html page, the image has - for lack of a better description - a dark overlay over the image. I've looked at the HTML of files that also have this dark tint. They all seem to have a video-wrap tag. I'm working with a static image rather than a video, so if the video-wrap tag is the way this tint is performed, I'm concerned that there may be other attributes or styles that may affect the page.

Thank you for your help.

SSemicolon WebSTAFFMar 5, 2025

Hello,

Consider using this code:
[ch_pre]<div class="position-relative w-50 mx-auto">

attachment

&lt;div class="bg-overlay"&gt;
	&lt;div class="bg-overlay-bg dark op-05"&gt;&lt;/div&gt;
&lt;/div&gt;

</div>[/ch_pre]

This will definitely work fine. 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