Setting up CSS selectors

  • Resolved espointpolish

    (@espointpolish)


    6 months, 1 week ago

    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/. 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

    (@dkjensen)

    6 months, 1 week ago

    @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

    (@dkjensen)

    6 months, 1 week ago

    @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/

    Thread Starter espointpolish

    (@espointpolish)

    6 months, 1 week ago

    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.

    Plugin Author David Jensen

    (@dkjensen)

    6 months ago

    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.