Forum Discussion

CormacCullen-3f's avatar
CormacCullen-3f
Community Member
5 months ago

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? 

 

 

  • 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.

  • PhilFoss's avatar
    PhilFoss
    Community 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;
    }