using class=”fancybox-iframe”

  • Resolved dreamsoft

    (@dreamsoft)


    2 years, 2 months ago

    hi,

    I am trying to make a Spotify player to work when clicked on the link, and it does open the player when clicking the below link, but it is messing it up (as soon as I add class="fancybox-iframe"), the whole page becomes clickable, and the link itself is moved before any content on the page (above the page’s top menu). Any idea why is that happening?

    <a href="https://open.spotify.com/embed/track/1yz3rDzWnOMcofaZRELsxm" class="fancybox-iframe">Test link</a>

    thank you so much

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

  • Hi, I’m unable to reproduce the issue on a clean WP install with default theme. Maybe there is a conflict with another plugin or your theme going on? If you can share a link, I may be able to see what is going wrong…

    Thread Starter dreamsoft

    (@dreamsoft)

    please take a look here https://tinyurl.com/2s4dtf9b
    the ‘test link’ is shown above all content, to the left

    thank you

    The link works for me. Try it when logged out of the site (or switch to an incognito browser window) …

    If it works for you then, it means there is a blocking script error occurring when logged in.

    Thread Starter dreamsoft

    (@dreamsoft)

    what exactly works for you?
    I did try in other browsers, not logged in.

    perhaps I wasn’t clear enough: the link at the top should NOT be at the top – it is placed inside the post content, it should be in the middle of the post.
    Also, if you click anywhere on the page, it will open that link.
    isn’t that what you see?

    https://snipboard.io/NAHuoJ.jpg

    Ahhh, sorry. Now I see what you mean… It turns out there is other fancybox code and stylesheet included by the WP Carousel Pro plugin. A style rule for .fancybox-iframe is conflicting here.

    Is there an option in that plugin to disable the fancybox script/stylsheet? If not, I’m afraid Easy FancyBox and WP Carousel Pro cannot be made compatible…

    Thread Starter dreamsoft

    (@dreamsoft)

    indeed, that is the problem. after disabling it from there, it works!
    but the weird thing is that only class="fancybox-iframe" had this problem – Youtube links didn’t have this problem

    thanks for the help, much appreciated!

    There is a style rule specifically for class fancybox-iframe in the conflicting stylesheet.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘using class=”fancybox-iframe”’ is closed to new replies.