Lightbox image viewer: Style the "rev" link?

[JackJack]

1) Script Title: Lightbox image viewer 2.03a

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

3) Describe problem: Is there a way to style the rev link in the <a href>?

Here's the two codes I tried (in red), but neither worked. The first code is a class style from an external CSS style sheet (.red).

<a class="red" href="image.jpg" rel="lightbox" title="Go to another page" rev="/anotherPage.html">Image</a>

<a style="color:red" href="image.jpg" rel="lightbox" title="Go to another page" rev="/anotherPage.html">Image</a>

Thanks,

JackJack

:)

[traq]

are you trying to apply the CSS to the link, or to the lightbox content?

[JackJack]

To the link in the lightbox content window. The rev link that says "Go to another page".

[mike_c]

Try this:

<a style="color:red;" href="image.jpg" rel="lightbox" title="Go to another page" rev="/anotherPage.html">Image</a>

Basically you needed the semicolon after red.

[JackJack]

Nope. Doesn't work.

[jscheuer1]

The class of the link in the lightbox is:

ddcaptionurl

So, in your stylesheet you can:


.ddcaptionurl:link {
color:red;
}
.ddcaptionurl:active {
color:red;
}
.ddcaptionurl:visited {
color:red;
}
.ddcaptionurl:hover {
color:red;
}

You can add other property/value pairs besides just color:red; - and you may have different values for the same property for the different states (link, active, visited, hover).

If you need more info on style, see:

http://www.eskimo.com/~bloo/indexdot/css/propindex/all.htm

or your favorite css reference.

[JackJack]

It worked!

Thanks for the help, jscheuer1.

:)