Background color overlays
Quickly and easily add a transparent color overlay to your site's background images—which is great for increasingly the legibility of text overlaid on images.
<p>If you’ve ever wanted to add a solid or transparent color to the background of an element on your Webflow sites, you’ve gotten used to creating a gradient overlay, then setting each stop to the same color, then picking an opacity.</p><p>Well, now you can say so long to a bunch of those clicks.</p><p>Because now there’s an easier way: the Add Solid Color button.</p><figure class="w-richtext-align-center" style="max-width: 60%;" data-rt-type="image" data-rt-align="center" data-rt-max-width=""><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21bb41_solid%20color.png>"></div><figcaption>Any color, any opacity — just a click away.</figcaption></figure><p>Just scroll down to the Background section of the Styles panel (like always), click Add Solid Color, and set your color and opacity. And it only takes a click.</p>