Gradients are a simple way to add depth and visual interest to a layout. Adjusting their opacity behind text blocks helps maintain readability while keeping the design visually balanced.

In the editor, click on a text block to access the formatting options.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCRXBraUFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--df117016b144acd6c279ff670efa1d5b3948946b/Screenshot%202026-06-10%20at%202.41.16%E2%80%AFPM.png?cw_image_width=892px)

Click on the "Text background" tool.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCS3BraUFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--de609ca99b44a6878a917c1bf35d8584412e5007/Screenshot%202026-06-10%20at%202.41.54%E2%80%AFPM.png?cw_image_width=890px)

Use the slider to adjust the opacity. 

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCTjVraUFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--9cd1dafbb66e9aeb70ce7ae43c8ddaa3633cd320/Screenshot%202026-06-10%20at%202.42.32%E2%80%AFPM.png?cw_image_width=894px)

Alternatively, select one of the available presets. The gradient opacity will automatically adjust based on your selection.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCQUJsaUFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--a9776a9600a085216c5b69483cbba70545475985/Screenshot%202026-06-10%20at%202.42.56%E2%80%AFPM.png?cw_image_width=894px)