This section walks you through how to customize a template. You can configure the look of a template without having to edit core files. For custom CSS code changes we recommend to use a custom.css file, which should be created in /css/ folder of template next to other CSS files. Read here or in Helix Ultimate manual.

How to modify background color overlay from homepage image

 You have to use simple CSS code to disable bg color overlay effect.

  .hero-section, .sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .sppb-slide-item-bg {
   background-color: transparent; 
   background-blend-mode: normal; }

..