tenshi13

and… someone asked me about the title displaying below the ‘X’ mark image also.

to make it so that titles do not spill and display below the ‘X’ mark:
notice the #cboxClose, the image width for the ‘black’ theme is 22px
so at the #cboxTitle you need to add the paddong-right:22px bit

with this the title will not display below the ‘X’

hope this helps, too

regards

uhggg… depends on your biz requirements…
the plugin’s code and css is very messy, I hate that a lot : \

Easy way:
One way is to make background opacity 100% (e.g. the black theme)
then you wont see the gap (might be better and easier if customer’s ok with this)

Technical way: (*quick fix, not sure if I’m screwing the code more)
using black theme as example

1.append this to the end of the colorbox.css
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{display:none;}
(this hides the extra bit that’s floating around below the title)

2.tweek the #cboxTitle
remove the “left:5px” (please… use padding instead, this is stupid css)
now add background color, e.g. background:#000;(the background color matches the lightbox frame color, just adjust accordingly)
and padding accordingly
For example mine is now like this:
#cboxTitle{position:absolute; color:#ccc; font-size:11pt; padding:5px; padding-right:22px;background:#000;}

this shud fix the floating bit that’s not continuing the frame and its a nuisance.

just my 2cents, hope it helps

in case you guys are interested to display multi line titles
(for the titles, we can put html in it also)
tweak the #cboxContent, add margin-bottom(you’ll have to calculate yourself)
to support multiple lines

this is a quick hack… hvnt the time to dissect the jquery of the colorbox behind it

use the title property on your img tag
tweak the #cboxContent, add margin-bottom(you’ll have to calculate yourself)
to support multiple lines

this is a quick hack… hvnt the time to dissect the jquery of the colorbox behind it