www.webdeveloper.com
Results 1 to 3 of 3

Thread: .js caption overflowing its container

  1. #1
    Join Date
    Sep 2006
    Posts
    79

    .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:

    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?
    Attached Files Attached Files

  2. #2
    Join Date
    Jan 2011
    Location
    United Kingdom, London
    Posts
    117
    aren't you firing caption before you set those default options?

  3. #3
    Join Date
    Sep 2006
    Posts
    79
    Maury,

    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



Recent Articles