Stats preview card component

Community feedback

• 

  Ruth Ogendi•70

  @BopchyPosted almost 3 years ago

  The image overlay approach mentioned above involves creating a container element "on top" of the image and adding the colour to that container. An example of this approach can be seen here - https://www.w3schools.com/howto/howto_css_image_overlay.asp

  Marked as helpful

  2
• 

  darryncodes•6,390

  @darryncodesPosted almost 3 years ago

  Hi Judith,

  As an alternative option to the overlay approach you could try adding a solid linear-gradient to a background image: background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath);

  You would also need to explore background-blend-mode (multiply usually does the trick)

  All the best!

  Marked as helpful

  2