Hey is there a native way with the class manager to add an image with a color overlay?
Or do I have to add a style to the header of the page and add the CSS there?
background: linear-gradient(rgba(25,135,84,0.5) 0%, rgba(25,135,84,0.5) 100%), url("image.jpeg") center / cover;
I tried to find an answer in the documentation and the search function. If there is a possibility, could you point me in that direction?
That worked, thanks a lot! I’ll save your explanation. I never used pseudo elements for that, just the code I used a above. Thanks for you showing me this way.
One follow-up question: The color overlay is pushed 20px to the right side by the ‘bloc’ class which seems automatically generated. Thus the color is misaligned. Have an idea why?
It’s working if you add a minus margin via a class. Is this intended, that blocs adds its own padding? @Norm
I think an color overlay over an image would be a nice addition. It can added in one css function see the code I used before using blocs