How to Remove Opacity on 'Text on Image' within Rise

May 03, 2024

Is it possible to remove the opacity or simply reduce it to 0% within Rise when using 'Text on Image' block? 

 

 

4 Replies
Phil Foss

You can do this with a theme component. If your course has images already treated for having text layered on top, you can use this to remove the overlay opacity for all text-on-image blocks.

.block-image__overlay {
opacity: 0 !important;
}

and with the block id you can target a specific text-on-image block:

div[data-block-id="clslzy08800483b77mfn5v6p8"] .block-image__overlay {
opacity: 0 !important;
}