Title: Setting up CSS selectors
Last modified: November 12, 2025

---

# Setting up CSS selectors

 *  Resolved [espointpolish](https://wordpress.org/support/users/espointpolish/)
 * (@espointpolish)
 * [7 months ago](https://wordpress.org/support/topic/setting-up-css-selectors/)
 * Hi there, I just made the modal work using CSS selectors but it took me a while
   to figure out, because I wasn’t sure what to put in the link field for my paragraph
   block. It worked when I put a hashtag in there. I was following the instructions
   here: [https://light-modal-block.cloudcatch.io/](https://light-modal-block.cloudcatch.io/).
   I just wanted to let you know since it was not obvious to me. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [David Jensen](https://wordpress.org/support/users/dkjensen/)
 * (@dkjensen)
 * [7 months ago](https://wordpress.org/support/topic/setting-up-css-selectors/#post-18718537)
 * [@espointpolish](https://wordpress.org/support/users/espointpolish/) Did you 
   by chance put set the HTML anchor instead of adding a class? It would indicate
   so as anchors are HTML IDs which require a prefix of `#` instead of `.` (period)
 * I will adjust the docs so they are more clear though as I agree there is definitely
   room for improvement. Thanks for the feedback!
 *  Plugin Author [David Jensen](https://wordpress.org/support/users/dkjensen/)
 * (@dkjensen)
 * [7 months ago](https://wordpress.org/support/topic/setting-up-css-selectors/#post-18718545)
 * [@espointpolish](https://wordpress.org/support/users/espointpolish/) I just updated
   the documentation on this, let me know if it’s a bit more clear now:
 * [https://light-modal-block.cloudcatch.io/](https://light-modal-block.cloudcatch.io/)
 *  Thread Starter [espointpolish](https://wordpress.org/support/users/espointpolish/)
 * (@espointpolish)
 * [7 months ago](https://wordpress.org/support/topic/setting-up-css-selectors/#post-18718578)
 * I’m not sure – I added a class called “form” and put “.form a” in the modal selector,
   but it didn’t work until I added a # to the link.
 * I was thinking it might be helpful to add something like “the link in your paragraph
   block should be set to ‘#’,” in the instructions – if that is correct.
 * ![](https://i0.wp.com/your100.mystagingwebsite.com/wp-content/uploads/2025/11/
   Screenshot-From-2025-11-13-13-42-58.png?ssl=1)
 * ![](https://i0.wp.com/your100.mystagingwebsite.com/wp-content/uploads/2025/11/
   Screenshot-From-2025-11-13-13-43-20.png?ssl=1)
 * ![](https://i0.wp.com/your100.mystagingwebsite.com/wp-content/uploads/2025/11/
   Screenshot-From-2025-11-13-13-43-40.png?ssl=1)
 *  Plugin Author [David Jensen](https://wordpress.org/support/users/dkjensen/)
 * (@dkjensen)
 * [6 months, 3 weeks ago](https://wordpress.org/support/topic/setting-up-css-selectors/#post-18725159)
 * Did you somehow create an anchor <a> without a link? By default WordPress should
   force you to put something in there, whether it’s a # or an actual link.
 * Either way testing on my end if I wrapped text in an empty anchor like `<a>test
   </a>` the modals trigger.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Setting up CSS selectors’ is closed to new replies.

 * ![](https://ps.w.org/light-modal-block/assets/icon.svg?rev=3399001)
 * [Light Modal Block](https://wordpress.org/plugins/light-modal-block/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/light-modal-block/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/light-modal-block/)
 * [Active Topics](https://wordpress.org/support/plugin/light-modal-block/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/light-modal-block/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/light-modal-block/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [David Jensen](https://wordpress.org/support/users/dkjensen/)
 * Last activity: [6 months, 3 weeks ago](https://wordpress.org/support/topic/setting-up-css-selectors/#post-18725159)
 * Status: resolved