Image thumbnails and enlargements


Senior Advisor
3,935 posts

Kristi,
if you look in the "visuallightbox.css file ( you can open it in notepad) find this:
#lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:100;
text-align:center;
color:#000000;
line-height:0;
}

where it says color change it there I believe.:)
"It's A Smart Person That Asks"




Senior Advisor
10,174 posts

Yep like Bruzer says, all the styling info for the visual lightbox is in the 2 CSS files that it creates for you to upload. These are very adjustable but make sure you pay attention to what it's adjusting as it can mess it up too if you're not careful lol, just ask me I'll tell ya! *goes back and readjusts it some more to see if that fixes it or not* LOL j/k :P

Mostly just look at the code for the lightbox, and find the tag that is set for that text area or that photo area or whatever it is you want to change, then find it in the CSS files and you should be able to change colors, images, etc. to what you want :)
Jo Ann

http://elementsinwebdesign.com (a works still in progress)


Senior Advisor
3,935 posts

HI,
On another note to this thread, if you open the visuallightbox.js file in notepad, under edit select find, then type"VisualLightBox.com" you can replace their link that is on the images with your website...:)
"It's A Smart Person That Asks"




Senior Advisor
6,076 posts

Kristi... it isn't enough to change color... you have to change the colours for your links because I assume the titles and text are actually links to the product details etc. right?


Registered User
92 posts

I haven't had time to sit down and try it yet. But no, I don't have product details separately, it's just a title.


Senior Advisor
6,076 posts

All the titles under my thumbnails are also links. I suspect that yours will be the same.
Check this page...
http://www.artycraftycreations.com/shop/viewcategory.php?groupid=21
I assume we are talking about the SCD Pro... right? If so, you can change globabl link properties in the page properties I think.


Registered User
92 posts

Hmmm, not sure if I'm doing this right. Should I be able to see it correctly in a preview in VSD?


Senior Advisor
3,935 posts

Kristi you should be able to see your images in preview!
"It's A Smart Person That Asks"




Registered User
92 posts

Crap, I don't know what I'm doing wrong then!


Senior Advisor
3,935 posts

do you have this code in the head section of your page?
<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />

<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />

<script src="engine/js/jquery.min.js" type="text/javascript"></script>

<script src="engine/js/visuallightbox.js" type="text/javascript"></script>

<script src="engine/js/vlbdata.js" type="text/javascript"></script>
"It's A Smart Person That Asks"




Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.