Need a little help (IE)

Hi All,
I have a little problem I can’t figure out, I am working on a Wordpress website and I just can’t decipher the CSS to get Internet explorer to display properly.
The are thumbnails with a hover, J query function that displays the project title when you hover over it, But I just want the Project title to always be displayed and disable the hover.

/* IE 8 */
.ie8 .contact-form .loading-img { top: 5px; }
.ie8 #social-networking { margin: 0; }
.ie8 #social-networking .inner, .ie8 #back-to-top .inner { display: none; }
.ie8 #social-networking a { padding: 0 8px 0 0; }
.ie8 #main .comment-list { list-style: none; }
.ie8 #overlay-handle:after { content: " "; position: absolute; width: 9999px; left: 0; bottom: 0; height: 5px; background: #313236 url(‘images/layout/overlay-bg.png’); }
.ie8:after { display: none; }
.ie8 .blocked-project-overlay:after { filter: alpha(opacity=92); }
.ie8 #logo img:hover { filter: alpha(opacity=75); }
.ie8 #single-item .single-portfolio-img { background: url(‘images/layout/loading.gif’) no-repeat 50% 50%; }
.ie8 #next-prev-links img { visibility: hidden; }
.ie8 .project-link .project-overlay, .ie8 .project-caption, .ie8 filter .term-count { filter: alpha(opacity=0); }
.ie8 input[type=“text”], #dropdown-wrapper input[type=“text”], .slide-out-div input[type=“text”], .ie8 textarea { background: #fdfdfd; }
.ie8 input[type=“text”]:focus, #dropdown-wrapper input[type=“text”]:focus, .slide-out-div input[type=“text”]:focus, .ie8 textarea:focus { background: #eaeaea; }

I presume I have to change .project-caption - attribute? but when I change opacity etc… it doesn’t work, I would be most grateful with any help on this.
Many thanks.

Hi Kirstyknowsbest . Welcome to the forums. :slight_smile:

Without the HTML, this doesn’t mean much, I’m afraid. Can you post a live link?

Hi Ralph,

Thank you for your response, the page in question is sat on the backend of a site here:

I would be most grateful for any help? I have managed to get it to work properly in firefox and safari but I cant figure out the separate CSS for internet explorer. :confused:


Have you tried something like this:

.project-link .project-caption{opacity:1.0!important}

You my friend, are an absolute genius and lifesaver! :)) Thank you soooo much!