Fix: Featured Content Gallery WordPress Plugin Displays Incorrectly in Internet Explorer 6

For many websites, the Featured Content Gallery for WordPress provides the centerpiece and main focal point of the front page (Techerator included).  This plugin has the ability to display posts in a specific category as well as a graphic and accompanying text for a great preview of articles on the site.

The Problem

When doing some cross-browser compatibility checking, I noticed that the Featured Content Gallery plugin (version 3.2.0) was rendering incorrectly in Internet Explorer 6.  Instead of displaying the article’s preview text as an overlay on the bottom of the article image, it was displaying directly in the middle and looking very out of place.  The picture below shows the rendering error.

Featured Content Gallery Rendering Problem

The Fix

The solution to this problem was a very simple CSS fix.  Find and open the jd.gallery.css file for the Featured Content Gallery plugin (usually located at yoursite.com/wp-content/plugins/featured-content-gallery/css/jd.gallery.css).

Locate the following code (approximately line 41):

* html .jdGallery .slideInfoZone
{
bottom: 100px;
}

And replace with:

* html .jdGallery .slideInfoZone
{
bottom: 0px;
}

Voilà!  The Featured Content Gallery plugin now renders properly in Internet Explorer 6.

Featured Content Gallery Rendering Correctly


Posted

in

,

by

Comments

26 responses to “Fix: Featured Content Gallery WordPress Plugin Displays Incorrectly in Internet Explorer 6”

  1. Sarah Avatar
    Sarah

    THANK YOU!
    very very very helpful.

  2. Sarah Avatar
    Sarah

    THANK YOU!
    very very very helpful.

  3. Katiero Avatar

    Thanks, very helpful. [2]

  4. Katiero Avatar

    Thanks, very helpful. [2]

  5. Robert Avatar

    Thx a lot. Very useful !
    Best regards.

  6. Robert Avatar

    Thx a lot. Very useful !
    Best regards.

  7. Chris Avatar
    Chris

    I have a new problem with Featured Content, which I love, but it will not allow visitors to click through in explorer, but works fine in mozilla …. I found your fix and thought possibly you could fix me too ….lol

    Please take a look

    http://www.dimensionministries.com

    Sing242@comcast.net

    1. Evan Wondrasek Avatar

      Hi Chris,

      I see that your Featured Content Gallery is rendering incorrectly as it did in this guide, but there is definitely no link present to click through. I doubt the CSS fix in this guide would fix that problem. Have you tried completely removing Featured Content Gallery (disable plugin, delete all files, etc) and then reinstalling it?

      If that doesn't work, I can take a look your page code to see if there is some type of obvious problem.

      You could also check the Featured Content Gallery forum at: http://www.featuredcontentgallery.com/forum/

      Hope some of that can be of use!

  8. Chris Avatar
    Chris

    I have a new problem with Featured Content, which I love, but it will not allow visitors to click through in explorer, but works fine in mozilla …. I found your fix and thought possibly you could fix me too ….lol

    Please take a look

    http://www.dimensionministries.com

    Sing242@comcast.net

    1. Evan Wondrasek Avatar

      Hi Chris,

      I see that your Featured Content Gallery is rendering incorrectly as it did in this guide, but there is definitely no link present to click through. I doubt the CSS fix in this guide would fix that problem. Have you tried completely removing Featured Content Gallery (disable plugin, delete all files, etc) and then reinstalling it?

      If that doesn't work, I can take a look your page code to see if there is some type of obvious problem.

      You could also check the Featured Content Gallery forum at: http://www.featuredcontentgallery.com/forum/

      Hope some of that can be of use!

  9. Ryan Egan Avatar
    Ryan Egan

    problem solved!

    thanks for this!

  10. Ryan Egan Avatar
    Ryan Egan

    problem solved!

    thanks for this!

  11. Dotty Avatar

    Thanks
    Fixed my problem.

  12. Dotty Avatar

    Thanks
    Fixed my problem.

  13. Ariel Avatar

    very very very very very helpful.

  14. Ariel Avatar

    very very very very very helpful.

  15. […] here: Fix: Featured Content Gallery WordPress Plugin Displays Incorrectly in Internet Explorer 6 | Techera… Comments0 Leave a Reply Click here to cancel […]

  16. Website Design Avatar

    Googled the problem and found your fix, no doubt saved me plenty of debug time! Thanks 🙂

  17. Website Design Avatar

    Googled the problem and found your fix, no doubt saved me plenty of debug time! Thanks 🙂

  18. Becki Avatar
    Becki

    is it possible to purposely move the text position – for example, I want mine on the right, not at the bottom. I’ve tried searching their forums – other people have asked, but no one answers that question – makes me think it’s not possible?

  19. Becki Avatar
    Becki

    is it possible to purposely move the text position – for example, I want mine on the right, not at the bottom. I’ve tried searching their forums – other people have asked, but no one answers that question – makes me think it’s not possible?

  20. Veron Avatar

    I opened my recently revamped website in IE6 for the first time and what I saw was horrific!! Yes, your fix really works. Just one of the many things I need to work on before I can say that my site works in IE6.

    Oh, noticed that the slider on their official website isn't fixed though.

    1. Evan Wondrasek Avatar

      Glad it helped! IE6 has a lot of problems rendering "correct" content, it's no wonder that many sites refuse to support IE6 now (like YouTube) and 700+ other sites: http://idroppedie6.com/

      Your site looks excellent by the way!

  21. Veron Avatar

    I opened my recently revamped website in IE6 for the first time and what I saw was horrific!! Yes, your fix really works. Just one of the many things I need to work on before I can say that my site works in IE6.

    Oh, noticed that the slider on their official website isn't fixed though.

    1. Evan Wondrasek Avatar

      Glad it helped! IE6 has a lot of problems rendering "correct" content, it's no wonder that many sites refuse to support IE6 now (like YouTube) and 700+ other sites: http://idroppedie6.com/

      Your site looks excellent by the way!

  22. Efrntzl Avatar
    Efrntzl

    i know this post is really old, but im having htis problem in IE 8!  i tried your fix, but the text bar is still showin up in middle.. site is http://www.herdscene.com.  i searched, but cant find any reference to this.  i did change to bottom:0px already.  thx for any help!

Leave a Reply

Your email address will not be published. Required fields are marked *