No replies
KubitDesign
KubitDesign's picture
Offline
newbie
London
Last seen: 10 years 3 weeks ago
London
Timezone: GMT+1
Joined: 2011-06-09
Posts: 6
Points: 10

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.