Title: foobox css doesn&#039;t validate
Last modified: September 1, 2016

---

# foobox css doesn't validate

 *  [CreaFlow](https://wordpress.org/support/users/jansesberger/)
 * (@jansesberger)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/)
 * hi there,
 * i’m using the pro version of foobox. when i’m looking into the dev tools of my
   browser i always get warnings with the same error in 5 different rows of the 
   source code:
 * unexpected css token: :
 * this error occus in the foobox.min.css as well as in the foobox.noie7.min.css
 * please could you look into this? it would be cool, if my site validates ok.
    
   thanks!
 * best regards, martin
 * [https://wordpress.org/plugins/foobox-image-lightbox/](https://wordpress.org/plugins/foobox-image-lightbox/)

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Thread Starter [CreaFlow](https://wordpress.org/support/users/jansesberger/)
 * (@jansesberger)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/#post-7711547)
 * it’s the following css code which doesnt validate the filter property:
 * .fbx-ie7.fbx-green, .fbx-ie7.fbx-green .fbx-caption, .fbx-ie8.fbx-green,
    .fbx-
   ie8.fbx-green .fbx-caption, .fbx-ie8.fbx-green.fbx-phone .fbx-social { background:
   0 0; -ms-filter: ‘progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,
   endColorstr=#26ffffff)’; filter: progid: DXImageTransform.Microsoft.gradient(
   startColorstr=#B2000000, endColorstr=#B2000000); zoom: 1 }
 * —
 * i’m using the noie7 version, so this piece of code wouldnt be necessary, am i
   right?
 *  Plugin Author [bradvin](https://wordpress.org/support/users/bradvin/)
 * (@bradvin)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/#post-8251746)
 * hi,
 * The CSS that causes it to not validate is needed for the plugin to work in IE7.
   
   We have included an option under advanced tab to drop IE7 support, which includes
   a different CSS files which will then validate. Please update to 1.1.9
 *  Thread Starter [CreaFlow](https://wordpress.org/support/users/jansesberger/)
 * (@jansesberger)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/#post-8253842)
 * hi bradvin,
 * thanks for your update. as a feedback: nothing changed 🙁
 * when i activate “Drop IE7 support” under advanced >
    5 errors with foobox.noie7.
   min.css (Unexpected CSS token)
 * in standard mode:
    1 error with foobox.free.min.css (Unexpected CSS token)
 * furthermore i would need a working version with the
    paid foobox pro plugin, 
   which i’m using in most of my websites.
 * thanks for looking into it…
 *  Plugin Author [steveush](https://wordpress.org/support/users/steveush/)
 * (@steveush)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/#post-8254479)
 * Hi Martin,
 * Which browser dev tools are you seeing these errors in? The CSS you specified
   above is vendor specific but perfectly valid CSS which provides the opaque background
   for the modal in IE8 and 9 and so shouldn’t be removed. The noie7 file simply
   removes the one time CSS expressions used for IE7 icon font support which most
   page-speed analyzes raise as critical errors.
 * Thanks
 *  Plugin Author [bradvin](https://wordpress.org/support/users/bradvin/)
 * (@bradvin)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/#post-8256085)
 * [@jansesberger](https://wordpress.org/support/users/jansesberger/) please let
   us know
 *  Thread Starter [CreaFlow](https://wordpress.org/support/users/jansesberger/)
 * (@jansesberger)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/#post-8256138)
 * hmm, seems like this only happens with safari on macos and probably also on windows.
 *  Plugin Author [bradvin](https://wordpress.org/support/users/bradvin/)
 * (@bradvin)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/#post-8268028)
 * after chatting to [@steveush](https://wordpress.org/support/users/steveush/),
   if we remove the CSS that is still causing the validation errors, then we need
   to drop support for IE8 too. We have plans to do this in a future release.
 *  Thread Starter [CreaFlow](https://wordpress.org/support/users/jansesberger/)
 * (@jansesberger)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/#post-8271222)
 * well, this would be great!
 * i don’t think that it is really necessary to keep up with ie8 and below. for 
   my own websites i even ignore ie 9-10 / nowadays most of the people have either
   win7 or newer which means that the also have at least ie9 but normally ie11 because
   of the updates which are rolled out by m$..
 * so, i would appreciate it a lot if you’d go this step forward.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘foobox css doesn't validate’ is closed to new replies.

 * ![](https://ps.w.org/foobox-image-lightbox/assets/icon-256x256.gif?rev=2667030)
 * [Lightbox & Modal Popup WordPress Plugin - FooBox](https://wordpress.org/plugins/foobox-image-lightbox/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/foobox-image-lightbox/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/foobox-image-lightbox/)
 * [Active Topics](https://wordpress.org/support/plugin/foobox-image-lightbox/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/foobox-image-lightbox/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/foobox-image-lightbox/reviews/)

 * 8 replies
 * 3 participants
 * Last reply from: [CreaFlow](https://wordpress.org/support/users/jansesberger/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/foobox-css-doesnt-validate/#post-8271222)
 * Status: not a support question