Results 1 to 3 of 3

Thread: .js caption overflowing its container

  1. #1
    Join Date
    Sep 2006

    .js caption overflowing its container

    Please see URL: http://caspca.org/wordpress/, mouse over the Fogliani Golf Tournament event under the header on the right.

    This .js caption function is overflowing its container, title and the event image (clickable to the post). I want to restrict the amount of (caption) text displayed here so the caption doesn't overwhelm the featured events on mouseover, be it by a height property, limit to number of characters, or whatever means is best/possible. I only want to display 3-4 lines of the caption (post text). Script is attached. Can someone show me how to do this?


    Actually, I would prefer to show a few lines of the caption text as stated above, but if there is no good means of doing that, it would be acceptable not to show the caption text at all. I tried this, but this code:

    $.fn.capslide.defaults = {
    		caption_color	: 'white',
    		caption_bgcolor	: 'black',
    		overlay_bgcolor : 'blue',
    		border			: '1px solid #fff',
    		showcaption	    : true
    when 'showcaption' is set to false, the captions still display - ? - why?

  2. #2
    Join Date
    Jan 2011
    United Kingdom, London
    aren't you firing caption before you set those default options?
    Javascript, jQuery / Prototype & PHP expert ready to complete your work on Freelancer.co.uk - Hire Me at https://www.freelancer.co.uk/users/1...&action=hireme

  3. #3
    Join Date
    Sep 2006

    I took care of it just by adding a height property to the .css. Thanks though.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center