http://fireplaceheatexchangers.net/ this is the cart I am working on. As you can see the product pictures I have had to put on a desired colore background. The problem I am trying to find a work around for is when you actaully click on the product image on this page http://fireplaceheatexchangers.net/view … roductid=0 it open the product picture up in full screen, blown up what ever but the color of the back ground is white, where do I find the settings to change this color to a dark brown/black what ever? Any help greatly appreciated. Is there somthing in the SCC Software or is this in the SCD software. If so where at please?

Thank you

Dave

Look in the files the cart produces for lightbox.css or a similarly named file to edit the background color.

Hiya David,

I don't believe that this can be changed at this time (other than maybe if there's a way in the files, but I don't know that for sure either). What I can suggest is you make your zooming pictures larger that helps to offset the white quite a bit. I don't know exactly what the maximum photo size is that can be done, but I know it's not much over what I have at 480px x 480px which doesn't look too bad I don't think. Your pictures that are zoomed into are pretty small in comparison and could be larger to help offset some of the white. The white doesn't look too bad then at all. Here's an example of one of my products that shows the larger size:

http://accessoriesoftheworld.com/shop/v … ductid=710

** Looks like Tom beat me to the post lol, and looks like it may be possible.

So do I have to FTP into that file after its uploaded to make the change every time I update the cart?

Thanks for you help.

Dave

Most likely David, but best way to tell for sure is try it and see I have heard people say that there are some specific files that don't need to be updated each time you upload your cart, but I don't know for sure and I don't know what files those are. I do believe they were css files though. Give it a try and see what it does, pretty easy to test it I would think

If you make a change to the file outside the program, store it somewhere safe so that you can FTP it to the server if updating the cart changes it.

I would even go a step further and put the code information you change into a text file. In other words:

File name
Line xxx: code change
Line xxx: code change

This way you won't be overwriting files that may have updated changes in them from CC and breaking your shop because of overwriting their changes. CSS file might not be quite so breaking of a file though, but you never know what they might change from update to update in any file so you may not want to upload the old file verbetim and just put your changes back in instead. Just a thought

I can not seem to find the Lightbox.css file any clue to where to look for it at?

Dave

css/colorbox.css

/*
ColorBox Core Style
The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto; width:0; height:0;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#555;}

#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(../images/colorbox_images/controls.png) top left no-repeat;}
#cboxTopCenter{height:14px; background:url(../images/colorbox_images/borderHorizontal.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(../images/colorbox_images/controls.png) top right no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(../images/colorbox_images/controls.png) bottom left no-repeat;}
#cboxBottomCenter{height:43px; background:url(../images/colorbox_images/borderHorizontal.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(../images/colorbox_images/controls.png) bottom right no-repeat;}
#cboxMiddleLeft{width:14px; background:url(../images/colorbox_images/borderVertical.png) top left repeat-y;}
#cboxMiddleRight{width:14px; background:url(../images/colorbox_images/borderVertical.png) top right repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(../images/colorbox_images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/colorbox_images/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#949494; font-size:15px;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#949494; font-size:15px;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/colorbox_images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -14px -23px;}
#cboxPrevious.hover{background-position:-14px 0px;}
#cboxNext{left:27px; background-position:-37px -23px;}
#cboxNext.hover{background-position:-37px 0px;}
#cboxClose{right:0; background-position:-60px -23px;}
#cboxClose.hover{background-position:-60px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-83px -0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-106px -0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-106px -23px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-83px -0px;}


What am I looking for?