<![CDATA[How to modify overlay popup/modal?]]>Hey! 😄

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

Thank you very much

]]>https://community.appdrag.com/topic/405/how-to-modify-overlay-popup-modalRSS for NodeMon, 20 Apr 2026 00:50:58 GMTTue, 13 Oct 2020 18:08:25 GMT60<![CDATA[Reply to How to modify overlay popup/modal? on Thu, 15 Oct 2020 11:28:53 GMT]]>Thank you 🙏 !

]]>https://community.appdrag.com/post/1539https://community.appdrag.com/post/1539Thu, 15 Oct 2020 11:28:53 GMT<![CDATA[Reply to How to modify overlay popup/modal? on Wed, 14 Oct 2020 17:30:27 GMT]]>Thank you very much! Very helpful!!

]]>https://community.appdrag.com/post/1531https://community.appdrag.com/post/1531Wed, 14 Oct 2020 17:30:27 GMT<![CDATA[Reply to How to modify overlay popup/modal? on Wed, 14 Oct 2020 16:25:52 GMT]]>Great tutorial Wassim, thanks. I've actually wondered about this before!

]]>https://community.appdrag.com/post/1529https://community.appdrag.com/post/1529Wed, 14 Oct 2020 16:25:52 GMT<![CDATA[Reply to How to modify overlay popup/modal? on Wed, 14 Oct 2020 13:47:21 GMT]]>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

a5010e9e-d3b2-4c51-aeca-48fd7cf8d370-image.png

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

47baa0ae-76d3-4209-b1dc-71e57aab2b51-image.png

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

e347e95a-1fe8-48ea-8e63-09135b52cd93-image.png

From there you can try different things easily

82f611a9-5faa-45a5-857b-e341cfe63d1f-image.png

]]>https://community.appdrag.com/post/1526https://community.appdrag.com/post/1526Wed, 14 Oct 2020 13:47:21 GMT