Pixelpost

Authentic Photoblog Flavour


Go Back   Pixelpost Forum > SUPPORT / INFORMATION > Pixelpost Help

Post Reply
 
Thread Tools
  #1  
Old 07-01-2007, 08:50 PM
acrystalball Offline
pp regular
 
Join Date: Jul 2007
Posts: 20
Disable transparent thumbnails?

Hi,
Got my site up and running, but I would like to disable the transparency effect on the thumbs in the template I'm using -- lightwhitetwo. I'm just learning bit by bit looking at source code, so I haven't figured this one out yet.

Can you point me in the right direction?
Thanks!
Crystal
Reply With Quote
  #2  
Old 07-02-2007, 12:39 AM
dhdesign's Avatar
dhdesign Offline
pixelpost guru
 
Join Date: Mar 2007
Location: Ohio
Posts: 431
I took a look at your css file - you need to make the following change to these 2 sections of style.css:

Existing code:
Code:
/* .............................. */
/* Thumbrow */
/* .............................. */

#thumbrow {
	padding:10px;
	text-align:center;
	}
	
#thumbrow .current_thumbnail {
	filter:alpha(opacity=99);
	opacity:0.99;
	padding:5px;
	margin:3px;
    border:1px solid #ccc;
    }
	
#thumbrow a img {
	filter:alpha(opacity=70);
	opacity:0.70;
	margin:3px;
    padding:5px;
    border:1px solid #fff;
    }
	
#thumbrow a:hover img, #thumbs a:focus img {
	filter:alpha(opacity=99);
	opacity:0.99;
	padding:5px;
    border:1px solid #ddd;
    }

/* .............................. */
/* Archive */
/* .............................. */

#browse {
	padding-top:20px;
	clear:both;
	}

#browse .thumbnails {
	filter: alpha(opacity=70);
	opacity: 0.70;
	margin:3px;
    padding:5px;
    border:1px solid #fff;
    }
	
#browse a:hover img{
	filter: alpha(opacity=99);
	opacity: 0.99;
	padding:5px;
    border:1px solid #ddd;
    }
Change to:

Code:
/* .............................. */
/* Thumbrow */
/* .............................. */

#thumbrow {
	padding:10px;
	text-align:center;
	}
	
#thumbrow .current_thumbnail {
	padding:5px;
	margin:3px;
	border:1px solid #ccc;
    }
	
#thumbrow a img {
	margin:3px;
	padding:5px;
	border:1px solid #fff;
    }
	
#thumbrow a:hover img, #thumbs a:focus img {
	padding:5px;
	border:1px solid #ddd;
    }

/* .............................. */
/* Archive */
/* .............................. */

#browse {
	padding-top:20px;
	clear:both;
	}

#browse .thumbnails {
	margin:3px;
	padding:5px;
	border:1px solid #fff;
    }
	
#browse a:hover img{
	padding:5px;
	border:1px solid #ddd;
    }
__________________
My photoblog: KP Images
Reply With Quote
  #3  
Old 07-02-2007, 04:50 PM
acrystalball Offline
pp regular
 
Join Date: Jul 2007
Posts: 20
Thanks a million! That opaque mask wasn't working for me visually, I am so grateful you were willing to assist me.

Cheers!
Crystal
Reply With Quote
Post Reply


Thread Tools




All times are GMT. The time now is 06:25 PM.

Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd. | Style Design: d3 designs