Popup/Modal window

Design help General
1

Hi
I cannot make a modal window to popup. I read all the forum comments about the subject, use the info from the tutorial, probably spent 5 hours on it, but cannot make it work.

I created an orphan page to learn how to do it.
the class of section (hidden) background is called: modalBG

the class of the button to make the window popup is called: modlink

the class of button to close the popup is called: close

Here is the code that used

Here is the dashboard Navigator screen shot

The modal window in the modal background section (modalBG) ony contains an image.

the url of the site: dfpaintings.webflow.com the button named studio is linked to the popup page

the url of the page itself: http://dfpaintings.webflow.com/popup-page.

any help will be greatly appreciated, this is driving me crazy…

Thanks

Fizounet

2
3

Thanks
I did this tutorial, probably 10 times, check it again and again, I cannot see what I am doing wrong.

4

Use lowercase only popup = $('.modalbg'); instead of popup = $('.modalBG');. Webflow automaticaly lowercase all classes and adds - instead of spaces betwenn words .

5

Thanks

I made a new popup-page, with all lowercase type classes, here is what the code looks like now, but I still can make anything popup, darn…

modal-background the hidden window

open-modal the button to open the window
close-modal the button to close the window

6

Hi again

Magic! it is working, finally…Thanks again

NowI can stylize to my hear content…:slight_smile:

7

Hi
one more question: to make a second popup on the page, after I create a new hidden section, different Z index,
do I repeat the code and change the class names ie: modal-background2, open-modal2, close-modal2 ?

Thanks

Didier. AKA fizounet

8
9

I was just reading that, but the images don’t resize to the browser window…