jQuery Colorbox
Caption exceeds space (3 posts)

  1. davaobase
    Posted 4 years ago #

    Great plugin you have here! I just have a minor issue that needs to be addressed.

    My images have captions, which vary in length. When I use jQuery Colorbox, the image caption overlaps with the image count (e.g. "1 of 12 images").

    Also, I have long captions that occupy two lines in the popup colorbox. How do I make the two-liner caption fit inside the box? See this example to see what I mean.



  2. Iamhere
    Posted 4 years ago #

    Yes, I would also like to know if the author could fix this ?

    Short of hacking the plugin core file....

    Thanks for a great plugin!

  3. kzink
    Posted 4 years ago #

    I don't use this particular plugin for WordPress, but I do use it in non-wordpress implementations. Try changing the #cboxTitle line in the css. I have used the following:

    #cboxTitle{position:absolute; bottom:10px; left:25%; text-align:left; width:50%; color:#333333; border: 1px solid #999999; padding: 10px; font-size: .9em; background: #f4f4f4; }

    This will extend the caption above the image, not stretch the bottom of the caption area. Doing that is a little more involved as it is an absolutely positioned div, not nested within the area itself. Let me know how this works for you.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • jQuery Colorbox
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic