PDA

View Full Version : Lightbox Image Viewer 2.03a



Franco50
05-31-2011, 10:17 AM
1) Script Title: Lightbox 2.03a

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem: How to change hyperlink text colour

I have set up a hyperlink in the enlarged photos but would like to change the link text colours from the normal HTML standards of blue (prior to clicking) and purple (visited). Presumably there is an entry in the CSS file to do this but I'm having trouble finding it.

I have attached a screenshot to explain what I mean.

jscheuer1
05-31-2011, 02:21 PM
Find this section in the lightbox.css file and add the highlighted line:



#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #caption a { color: #333; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width . . .

You may use any valid css color value of your choice in place of #333 (a dark gray). You may also use other valid property/value pairs to define other styles for these links. The link pseudo classes may also be employed.