Add NBH Layer

Add gradient color layer on images

What is NBH Layer

NBH Layer is a gradient layer with transparency from light green to dark sky blue.

• Light Color Code : #b8ffe3

• Dark Color Code : #427dff

Add gradient color layer by Divi Builder

• Open page with Divi builder

• Open the gear icon to open the settings panel

• Activate 「Background」option from the settings panel

  • Select the second tab to create a gradient layer

  • Add left color code - #b8ffe3

  • Add right color code - #427dff

  • Choose Gradient Type - Linear

  • Set Gradient Direction - 135deg

  • Set Start Position - 5%

  • Set End Position - 50%

When adding a gradient layer with an image background image, we need to set the 「Background image blend」mode to 「Multiply」

Add gradient color layer by code

Add the following CSS code to a target section of images

background: rgb(184,255,227);
background: linear-gradient(135deg, rgba(184,255,227,1) 5%, rgba(66,125,255,1) 50%);

When applying a transparent gradient color layer on top of the image, the 「mix-blend-mode」 needs to set to 「multiply」to achieve the effect designed.

mix-blend-mode: multiply;