How to modify overlay popup/modal?

[Julien Boudet]

Hey!

I would like to know how we can modify color/opacity overlay of a modal popup?

Thank you very much

[Wassim]

Hi Julien,

We don't plan to allow configuration on that through an AppDrag brush as it's a very rare case but you can do it pretty easily this way :

1 - Drag and drop a CSS source code element

2 - Double click to open and change the content with this

<style>
    .remodal-overlay {
        background: rgba(241, 129, 255, 0.78);
    }
</style>

3 - Save and preview you should have a lovely transparent pink overlay

Bonus
Right click to open the inspector when your popup is open and find the overlay

From there you can try different things easily

[Daniel Mulroy]

Great tutorial Wassim, thanks. I've actually wondered about this before!

[Julien Boudet]

Thank you very much! Very helpful!!

[Wassim]

Thank you !