Title: using class=&#8221;fancybox-iframe&#8221;
Last modified: September 24, 2022

---

# using class=”fancybox-iframe”

 *  Resolved [dreamsoft](https://wordpress.org/support/users/dreamsoft/)
 * (@dreamsoft)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/using-classfancybox-iframe/)
 * 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)

 *  [Rolf Allard van Hagen](https://wordpress.org/support/users/ravanh/)
 * (@ravanh)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/using-classfancybox-iframe/#post-16041359)
 * 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](https://wordpress.org/support/users/dreamsoft/)
 * (@dreamsoft)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/using-classfancybox-iframe/#post-16041471)
 * please take a look here [https://tinyurl.com/2s4dtf9b](https://tinyurl.com/2s4dtf9b)
   
   the ‘test link’ is shown above all content, to the left
 * thank you
 *  [Rolf Allard van Hagen](https://wordpress.org/support/users/ravanh/)
 * (@ravanh)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/using-classfancybox-iframe/#post-16043932)
 * 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](https://wordpress.org/support/users/dreamsoft/)
 * (@dreamsoft)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/using-classfancybox-iframe/#post-16044305)
 * 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](https://snipboard.io/NAHuoJ.jpg)
 *  [Rolf Allard van Hagen](https://wordpress.org/support/users/ravanh/)
 * (@ravanh)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/using-classfancybox-iframe/#post-16044653)
 * 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](https://wordpress.org/support/users/dreamsoft/)
 * (@dreamsoft)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/using-classfancybox-iframe/#post-16045244)
 * 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!
 *  [Rolf Allard van Hagen](https://wordpress.org/support/users/ravanh/)
 * (@ravanh)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/using-classfancybox-iframe/#post-16046583)
 * 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.

 * ![](https://ps.w.org/easy-fancybox/assets/icon-256x256.png?rev=3188201)
 * [Firelight Lightbox](https://wordpress.org/plugins/easy-fancybox/)
 * [Support Threads](https://wordpress.org/support/plugin/easy-fancybox/)
 * [Active Topics](https://wordpress.org/support/plugin/easy-fancybox/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/easy-fancybox/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/easy-fancybox/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [Rolf Allard van Hagen](https://wordpress.org/support/users/ravanh/)
 * Last activity: [3 years, 8 months ago](https://wordpress.org/support/topic/using-classfancybox-iframe/#post-16046583)
 * Status: resolved