Inline content not working with custom blocks

  • hello.

    I’ve just tried your plugin, which seem promising, but I’ve encountered an issue with getting inline content to show using custom blocks rather than the wordpress standard blocks.

    The issue is shown in the page I’ve attached. The custom blocks im using is Spectra blocks alongside the Spectra theme. Is this a known issue? Any idea how to fix?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author FirelightWP

    (@firelightwp)

    Hi! Thanks for the report.

    Just looked at you demo. Thanks for providing that – it greatly helps troubleshooting.

    I think the issue may just be which element you are applying the ‘fancybox-inline’ class to. If you look at screenshot below, you’ll see that in the working examples, the ‘fancybox-inline’ element is the direct parent of the the link. In the non-working example, the ‘fancybox-inline’ element is several levels up from the link.

    https://d.pr/i/HmmpQo

    The fancybox code as currently written expects the ‘fancybox-inline’ tag to be applied to the direct element that contains the link.

    I haven’t used Spectra. But with that infobox it’s using, are you able to apply the ‘fancybox-inline’ class to the p tag that contains the link rather than the infobox container div? That will depend on whether that info box contains child blocks that generate markup OR just generates all the interior markup itself.

    The solution in code is for us to look for any “.fancybox-inline a” tag rather than “fancybox-inline > a” tag which is what we’re looking for now. That is not a complicated change to make, but I would need to think about and double check that the change wouldn’t create unexpected behaviors for other users given how long it’s worked the way it does.

    Thread Starter mooer

    (@mooer)

    Thanks for your quick reply.

    Adding the class=”foobox-inline” within the <a code (pic 1) worked wonders with the Info Box. Thanks!

    However, the button is not as easily fixed. I have no coding skills what so ever so I just tried to add the class to multiple different places within the button code (see pic 2), but couldn’t get it to work

    Any suggestion where I should try to add the class in the above code?

    Also, I have another question if I may. Is there any way to add image captions to the light box? I’ve found that the “alternative text” shows up, which of course means I could just copy/paste it from the caption. A related issue is that niether the caption nor the alternative text shows up if the image is opened through a text link. I’ve added these blocks to the test page to better show what I’m trying to describe.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Inline content not working with custom blocks’ is closed to new replies.