Asked by Walter on Aug 20, 2024
Walter needs to apply an overlay color with opacity from a HubSpot color field in CSS.
Answered by Jass Negi
Two solutions were provided: 1) Use RGBA format: `background-color: rgba({{ module.color_overlay.color|convert_rgb }}, {{ module.color_overlay.opacity * 0.01 }});` (by Jass Negi). 2) Use the color field's built-in `.css` property which includes opacity: `background-color:{{ module.color_overlay.css }};` (by Anton Bujanowski).