Fancybox javascript library conflict

[qwertysteve]

Hi guys,

I’m trying to get the Fancybox login working on my site. The Fancybox login will work with the default theme but won’t work when my custom theme is activated. A little bit annoying as I bought the theme off Themeforest who apparently have guidelines for premium themes.

I’ve read what I can and tried the following without success:

---

Tried adding this to header.php

<?php

function my_scripts_method() {

wp_deregister_script( ‘jquery’ );

wp_register_script( ‘jquery’, ‘http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js&#8217;);

wp_enqueue_script( ‘jquery’ );

}

add_action(‘wp_enqueue_scripts’, ‘my_scripts_method’);

?>

---

Tried adding this to header.php

<?php wp_enqueue_script(“jquery”); ?>

<?php wp_head(); ?>

<script type=”text/javascript”

src=”<?php bloginfo(“template_url”); ?>/js/yourScript.js”></script>

---

There is a long list of warnings in the console. There is one error, but this is still present when only the default theme is activated:

Use of getPreventDefault() is deprecated. Use defaultPrevented instead. @ [http://www.scenicgems.com/wp-includes/js/jquery/jquery.js?ver=1.10.2:4]

---

I’ve read as much as I can through the forums and guides but this is beyond my limited skill level. Is this an easy fix or will I need a developer?

If I need a developer what area seems to be the cause from your perspective?

My website is [www.scenicgems.com]

---

I should say that I think this plugin is great. Very easy to use compared to others that I have tried. I found your plugin as you support Google first click free. It’s features like this that separate you from the crowd.

Many thanks

Stephen

[admin]

I think the fancy login is working now. You have a little issue with the z-index CSS properly on this theme. Try the following:

1) Grab this custom css plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Then add the following css code in there:

#exposeMask{

z-index: 1 !important;

}

[qwertysteve]

The CSS tweak you suggested has almost fixed it (I put this in the theme’s custom.css file).

There now seems to be some elements that are not masked when the fancybox comes up. The fancybox also does not dissapear everytime if clicking in the void area. Is this fixable?

Appreciate your time on this.

[Author]

Posts