What is the web address you are having the problem at?
Somehow you have an “=” sign at the start of the image url. Did you try editing the image location, or do you have a custom image url in the options for Facebook?
If not then please update the plugin or reinstall it to make sure you have the original code. Let me know if that does not solve it. Thanks
The culprit:
background-image:url(='http://sardasfusioncatering.com/wp-content/plugins/wp-flybox/static/FlyBoxSpriteRight.png');
-
This reply was modified 6 years, 9 months ago by
cconoly.
I uninstalled and reinstalled…lost all settings for wp-flybox. Tried creating a couple of tabs and they are both invisible.
I had not previously changed anything in the code for the url so I have no clue how an ‘=’ sign got there.
So it looks like a caching plugin or other plugin is adjusting the css of it. The long solution is to disable all the plugins except WP-Flybox and re-enable them one by one until we find the culprit. The quick solution we can try is to add some css to your theme settings or child theme. The custom css that needs to be added is…
#wp-flybox_tab1 div.wp_but div {background-image:url('http://sardasfusioncatering.com/wp-content/plugins/wp-flybox/static/FlyBoxSpriteRight.png') !important;}
That only applies to the first tab (#wp-flybox_tab1). Where ever you are using the default tab image you will need to add this custom css to it. So if you need to apply it to the second tab you would also need to add…
#wp-flybox_tab2 div.wp_but div {background-image:url('http://sardasfusioncatering.com/wp-content/plugins/wp-flybox/static/FlyBoxSpriteRight.png') !important;}
Let me know if that helps
I played with it quite a bit and couldn’t get it to work consistently when there’s a mix of using built-in icons and custom icons. So, I just did custom icons for every tab and now it works. Although I do have an image caching add-in (WP Smush), I disabled it for testing and that did not correct the issue. Anyway, the custom icons are working for now.
On a different note, is there a way to have the displayed tab close when a user clicks somewhere else on the page, or to have an X in the corner for them to close the tab. Not all users are figuring out that they have to click the icon again to close a tab.
