Menu icon Foundation
two modals on same page with different widths

I want to have two modals on the same page but with different widths. Setting the global variable $reveal-width applies to both. I've tried using CSS

div#ContactModal.reveal {

width: 400px !important;

}

but it doesn't make any difference.

How can I configure the modals separately?

 

revealmodalmodal width

I want to have two modals on the same page but with different widths. Setting the global variable $reveal-width applies to both. I've tried using CSS

div#ContactModal.reveal {

width: 400px !important;

}

but it doesn't make any difference.

How can I configure the modals separately?