I followed the setup / instructions for adding a Featherlight lightbox to a button on my Squarespace site and everything worked out well with one issue. The paragraph text is not appearing in the popup. I get a white lightbox with a black close button, all functioning properly. But the text does not show. When I inspect the box, I am able to highlight the text and see that it exists + the color is dark blue (not white, so should be showing against the white lightbox background). Any idea what may be happening?
Here's my code:
<a href="#" data-featherlight="#learn-more" class="sqs-block-button-element--large sqs-block-button-element">Learn More</a>
</div>
<div style="display:none;">
<div id="learn-more" style="text-align:center;">
<p>PARAGRAPH TEXT HERE</p>
</div>
</div>