cconoly

We updated the Instagram default tab. You can always manually change the file found at wp-content/plugins/wp-flybox/static/ It is the file called FlyBoxSpriteLeft.png and FlyBoxSpriteRight.png. But remember if you do make a change then it will be reverted after an update. You could crop out the tab that you edited and use it as a custom tab. In the options, you can set a custom image to be a tab.

Sorry, the widget provided by youtube that WP-Flybox uses is only for a user. To find your user ID go to your advanced youtube settings and look under Youtube User ID
https://www.youtube.com/account_advanced

Try updating WP-Flybox to 6.39 and let me know if that solves the problem. Thanks!

Great sorry it took so long to get it resolved, but glad we got it working!

Oh I see! You are one step ahead of me. I think I see an error in your “HTML Code/URL:” Option under custom #1 tab. There should be a closing iframe tag. Try adding </iframe> after your code (after the title="Facebook">) so that it is …`title=”Facebook”></iframe>’

I believe that since there is no closing tag, everything after that is getting encoded to be displayed not parsed?

Try that and hopefully that will correct this issue?

OK So here is what I have so far. It appears you are using 2 facebook tabs, but this plugin does not support two facebook tabs. If you put in 2 then they should be identical because there is only 1 facebook parameter. What is happening is when the second facebook tab is encoding the 2nd facebook URL it is missing an ending quotes or something and encoding the rest of the webpage. The rwdImageMaps js file is at the end of the webpage and cannot be rendered because it is being encoded. I don’t know if you changed the WP-Flybox or altered it to have a 2nd facebook page, but either way it is not working correctly. It appears the 1st facebook tab is working fine.

So here is what I would try…
1. On the options of the second facebook tab copy down the url to the custom image and the facebook URL.
2. remove the 2nd facebook tab and use a custom tab, so you have facebook and custom #1 tabs only
3. under the custom tab options paste the url to the custom image to the “Location of Custom Icon” and change the border color to #3B5998. Then change the “Link or HTML Code:” option to HTML Code and paste the following into “HTML Code/URL:”
<iframe title="Facebook" src="https://www.facebook.com/plugins/likebox.php?href=########################&width=300&height=550&colorscheme=light&show_faces=false&stream=true&header=false&small_header=false&hide_cover=false&hide_cta=true" style="border:none;width:300px; height:550px;background-color:#ffffff;">iframes not supported by your browser.</iframe>
4. In the above code, replace ######################## with the URL of your 2nd facebook page (I belive it is https://www.facebook.com/ReclaimTheAmericanDreamOrg)
5. Save the options and make sure wp-flybox is set to display on a side and not turned off.

Let me know how that goes or if you need more help!

What version of wp-flybox are you using?

OK I saved a copy of it. you can deactivate it and once I get some free time I will look at it. Thanks!

I tried enabling both WP-Flybox and Responsive Image Maps and it seems to be working fine. I know rwdImageMaps was created over 3 years ago and has not been updated since. It was packaged into a plugin about 2 years ago. It’s hard for me to troubleshoot without being able to see the error first hand or to replicate the error. Is it possible to turn both on and have the error up for a couple minutes while I jump on and download a copy of the page with the error?

What is the setting under WP-Flybox->Other Options->jQuery->Load jQuery?

Is it set at Yes or No?

Also is the “rwdImageMaps” a plugin or part of the theme?

I am unable to replicate the problem on my end. Can you tell me what twitter name you are using to show, or what the website address is?

What tabs are you using? Facebook? Twitter? etc.? Can you list your website here or copy and paste the code that is showing? Thanks

There could be a problem if you have more than one tab. The first tab uses how many pixels you set that option to, but the second and third and so forth take the previous heights of all the tabs, the separation, and how high to start and adds them all together for a new pixel location. If one was in % and not px it will throw the rest off.

Here is the file that contains that setting though:
\wp-content\plugins\wp-flybox\body_import.php It starts on line 60 and ends on line 91.

Before you try the below, backup your file.

Only if you have 1 tab then you can replace line 60-91 (everything between “//wrapper” and “//filler” with this:
echo '<div class="wp-flybox_tab" id="wp-flybox_tab'.$i.'" style="pointer-events:all;width:auto;display:inline-block;overflow:hidden;position:'.$wpflybox_position.';border:0px;'.$right_or_left.':-9990px;top:XXXXX;z-index:999'.$i.' !important">';
Replace XXXXX with your height to start and type like 20px or 25%.

Sorry for the delay. I was away on vacation. I have added an option to open the URL in a new tab/window. Please update WP-Flybox to v 6.38. The option is set to not open in new window by default, so be sure to change it to YES. Let me know if you have any problems. Thanks

OK I looked at your code and fond the problem. You have a “fusion youtube flash fix” that sets the iframe visibility to 0 or hidden. Since the facebook tab is an iframe is not being shown. Here is the code on your page (probably from your theme) that is hiding the iframe:
<div class="fusion-youtube-flash-fix">-<style type="text/css"> iframe { visibility: hidden; opacity: 0; } </style></div>
It looks to be part of your slider. Was your theme recently updated or did you recently edit your slider? If you can add custom CSS to your theme then add this and let me know if that solves it:
.wp-flybox_tab iframe {visibility: visible !important; opacity: 1 !important;}
That css unhides the iframe just in the wp-flybox div.