Next, previous, and close button icons missing

Hi @atomicbong,

Please simply clear your sites’ cache. The version of FooBox’s JavaScript being served by your caching plugin is quite a few versions out of date. Basically you have got to a point where the PHP side of the plugin has evolved enough that the old JS no longer works.

Clearing your cache and allowing the current JS to be loaded should fix this issue.

Thanks

Hi,
I tried that. But it is still giving the same issue.
Can you please help me resolve this?

Hi,

Ok, clearing the cache fixed the first issue I was seeing where FooBox was not loading at all on that gallery.

The second issue I can see now where the icons are missing is being caused by another plugin adding in the following CSS to your page:

body, h1, h2, h3, h4, h5, h6, p, blockquote, li, a{
font-family: 'hel2' !important;
}

The !important declaration on this style is overriding the font icons FooBox uses for its’ own buttons as they are a elements in the page.

You can either contact the other plugin author asking how to prevent the !important declaration being added as it is bad practice or you can try adding the following CSS to your site using your styles.css file.

.fbx-modal .fbx-error-msg>span,
.fbx-modal .fbx-loader>div,
.fbx-modal a.fbx-close,
.fbx-modal a.fbx-next,
.fbx-modal a.fbx-prev {
	font-family: foobox !important;
}

Thanks

Thank you. This has fixed it.