Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • tenshi13

    (@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

    tenshi13

    (@tenshi13)

    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

    tenshi13

    (@tenshi13)

    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

    tenshi13

    (@tenshi13)

    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

Viewing 4 replies - 1 through 4 (of 4 total)