Texture/overlay for image

[cwall64]

when you put a image as the background in a Bloc there is a Texture drop down that allows you to use darken or darken strong. Is it possible to do the same thing for a plain image object with a custom class?

[PeteSharp]

Hi @cwall64, yes you can, it is a similar process to this here.

One block with two classes, how to do?

Hi @gleitons You use a pseudo class. So say you put a class called .hero on the bloc. You can then add another class to the class manager called .hero::before You do not need to add this class to the canvas, just keep it in the class manager. On .hero::before set the position to absolute and the edges to 0. Now set the Gradient BG, and your good to go. (don’t forget to apply transparency to the gradient or you wont see the image). [Screen Shot 2021-06-26 at 11.19.05 AM]

[cwall64]

I read that last night and tried several times, I guess I need to play with it more.

Two questions:

1. You mention not adding pseudo class “::before” to canvas, I assume that means create a class “overlay” in the class pane in the main interface. The just type the “overlay::before” into the class editor?

I just noticed even though I typed “over” in to the Classes, after typing “over::before” in editor it changed the Classes…

2. Applying the gradient/transparency - in the class editor all I see is the background tab with a style selection of image & color or gradient - is that were I should be?

[PeteSharp]

You are making 2 classes.

.over and .over::before

.over is the only one added to the canvas.