Forum Discussion
CormacCullen-3f
7 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?
PhilFoss
7 months agoCommunity 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-3f7 months agoCommunity Member
I've no idea what's going on there Phil.