Image thumbnails and enlargements


Ambassador
3,938 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,516 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

Some websites created by Elements in Webdesign:
http://cattownrescue.org - A friends site I created to help raise awareness to help stray cats in her area.
http://northbaldwinliteracycouncil.org - the local Literacy Council in my city.
http://lalookssalon.com - one of the local hair dressers in my town.
http://gregmaisfund.com - Dedicated to a friend who recently passed away from Lung Cancer.



Ambassador
3,938 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"




Ambassador
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
95 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.


Ambassador
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
95 posts

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


Ambassador
3,938 posts

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




Registered User
95 posts

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


Ambassador
3,938 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.