HTML Code Popup

Hello,
I would like to do more with Grav and I am busy learning. Default Grav installation 1.7.29.1 and Quark Theme.
New page (Administration Panel) - Pages - add Page "Page Template Default" and the following HTML code:

<button class="trigger">Click here to trigger the modal!</button>
<div class="modal">
    <div class="modal-content">
        <span class="close-button">&times;</span>
        <h1>Hello, I am a modal!</h1>
    </div>
</div> 

The button is displayed but a click on it does not open the content?!

@judie, May I presume you're trying the sample from tutorial https://sabe.io/tutorials/how-to-create-modal-popup-box?

To complete the tutorial:

• You also need to copy the styling between tags <style>...</style
• And you need to copy the javascript between tags <script>...</script>

Only then, the modal can work...

However... The styling for the modal is colliding with the styling provided by theme Quark which also provides styling for class modal and sets its style to display: none;

Quick fix: Replace modal with mymodal everywhere and it should work.

Hello,
still many attempts (about 100) I have it running :upside_down_face:.
Immediately packed into the "custem.css" - Okay THANKS
And two questions:

1. is there also a "plugin" for this?
2. in the opened popup should be a longer text, this should be able to scroll - how does that work?