Site logo

Archived topic

Modal pop-up issue when using more than one pop-up on a page

3 replies · Started by Nicola on May 24, 2022

Viewing posts 1–4 of 4

Hi, I have successfully used the tutorial here https://theadminbar.com/css-only-modal-with-generateblocks/ to set up a CSS pop-up box on a draft page (see below in Private Info). I have then attempted to set up a second pop-up on the same page using the same method but with slightly different html anchors, this has been successful except I cannot get the 'close' button to show on the second pop-up as changing the html anchors for it doesn't work for me. I can (and have) created a button with a link to the previous page instead, but would still like to be able to use the 'close' button if it is a straight forward fix. Or at least have that option.

If you visit the draft page below the two pop-ups are initiated by clicking on the links under'Useful Links' in the middle of the page. The first pop-up shows the close button, the second pop-up doesn't.

Can you help please?

Thanks,
Nicola

Hi there,

on your second modal, the white container that has the close button and content.
Select that and in Advanced > Additional CSS Class(es) add modal-content

If you have more than one class in that field then simply keep a space between them eg.

class-one class-two

Perfect, thank you!

You're welcome

This archived topic is closed to new replies.