0

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>
Raphael
  • 770
  • 1
  • 7
  • 23
BFGS
  • 1
  • 2
  • change style="display:none;" into style="display:block;" / or remove style="display:none;" from div element – Raphael Oct 25 '20 at 13:39
  • @Raphael — Thanks for your edit and reply. The solution you've proposed will make the div content ever-present. The goal is for it to only appear when a link is clicked . My issue is that text-based content does not appear within the pop-up. Images, for instance, do appear. – BFGS Oct 26 '20 at 14:16
  • visibility of the text should be dependant on the visibility of the popup - not the text itself. Once the popup is shown - show content, otherwise hide popup. – Raphael Oct 26 '20 at 16:30
  • can I have your popup html code ? – Raphael Oct 26 '20 at 16:30

0 Answers0