Remove White Background In Thick Box ( When Zooming)

[Mr.Curiosity]

I am posting this thread again because I havent found the solution yet.

 

I am using PS.1.4,

at product page, when I enlarge the photo, the original photo will come out with a white background

I want to remove it, how can I do that?

*I have tried many ways but all not working.

[Metameme]

Hi Mr.Curiosity,

 

Assuming you are using the default jQuery ThickBox you will have to change it in the CSS of the ThickBox (thickbox.css).

The entry you want to change is #TB_window { ... }.

 

Best of luck,

 

//Mike

[Mr.Curiosity]

Hi Mr.Curiosity,

 

Assuming you are using the default jQuery ThickBox you will have to change it in the CSS of the ThickBox (thickbox.css).

The entry you want to change is #TB_window { ... }.

 

Best of luck,

 

//Mike

 

I have this in my thickbox.css, what do I do with it?

 

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}

[Metameme]

It depends on how you want it to look. To change the background color, replace #ffffff with your color.

[Pieter]

Hi

 

you can remove the white padding in fancybox by changing the setting in jquery/jquery.fancybox-1.3.4.js

 

around line 1097 change

 

 

 

$.fn.fancybox.defaults = {

padding : 10,

margin : 40,

opacity : false,

modal : false,

cyclic : false,

scrolling : 'auto', // 'auto', 'yes' or 'no'

 

 

to

 

 

 

$.fn.fancybox.defaults = {

padding : 0,

margin : 40,

opacity : false,

modal : false,

cyclic : false,

scrolling : 'auto', // 'auto', 'yes' or 'no'

[daYmo]

I have this in my thickbox.css, what do I do with it?

 

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}

 

 

Just edit js/jquery/jquery.fancybox-1.3.4.js

line 1118 I presume

overlayShow : true,

 

by

 

overlayShow : false,