Background Image not Showing

I have setup a background image for my component, however, nothing is showing.

This is a common issue where the background image is not showing because the Background Color opacity setting is set to 100%. And, since background color is an overlay of the background image, if it's 100%, the background image will be completely overlaid and hidden.

In order to make the background image visible, simply adjust the slider down to your desired opacity of the overlay:

  • Image fully visible without overlay: 0%
  • Image lightly overlaid: 10%+
Screen Recording 2020-12-03 at 10.45.42 AM