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 using a custom.css file, which should be created in the /css/ folder of the template next to other CSS files. Read here or in the Helix Ultimate manual.

How to modify the background color overlay from the 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; }