Forum Discussion
CormacCullen-3f
8 months agoCommunity Member
How to Remove Opacity on 'Text on Image' within Rise
Is it possible to remove the opacity or simply reduce it to 0% within Rise when using 'Text on Image' block?
- RonPricePartner
Hey Cormac
For the "text on Image" block - no. But you can now add an image background to any of the other Text treatments. And these can all have the overlay adjusted to 0.
- CormacCullen-3fCommunity Member
Thanks for trying to help Ron. Yet another Rise shortcoming.
- PhilFossCommunity Member
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;
}- CormacCullen-3fCommunity Member
I've no idea what's going on there Phil.