Dynamic Content Gallery extra CSS for IE7

This page is out of date. The information on this page only applies to version 1.0.0 of the Dynamic Content Gallery plugin for WordPress. Later versions include the CSS fix described below.

Version 3 of the Dynamic Content Gallery was released in December 2009 and support is no longer provided for older versions. Therefore you are encouraged to upgrade to version 3. Installation, configuration, FAQ, Quick Start guide and Documentation resources can be found at the new Dynamic Content Gallery home page.

Why do the left and right arrows look great in Firefox but lousy in IE7?

You need to add some additional CSS to jd.gallery.css file which you can find in the /dynamic-content/css/ folder.

Here’s the code. Simply paste it at the bottom of the jd.gallery.css.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

/* Fix arrows in IE7 and problem with top margin */
*:first-child+html .slideInfoZone {
    bottom: -1px;
   }
*:first-child+html .jdGallery a.right, *:first-child+html .jdGallery a.left {
    filter:alpha(opacity=20);
   }
*:first-child+html .jdGallery a.right:hover, *:first-child+html .jdGallery a.left:hover {
    filter:alpha(opacity=80);
   }
*:first-child+html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }
*:first-child+html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
*:first-child+html a.open:hover {
   background: url('img/open.gif') no-repeat center center;
    filter:alpha(opacity=80);
   }
/* End of arrows IE7 fix                          */
This issue only affects Dynamic Content Gallery plugin versions 1.0.0 and below. Versions 2.0 onwards include this fix.