Jump to content


Photo
- - - - -

Carousel Thumbnail Proportion

carousel thumnail thumbs size proportion

  • Please log in to reply
2 replies to this topic

#1 ratputin

ratputin

    Advanced Member

  • Members

  • 66 posts

Posted 21 May 2013 - 03:46 PM

I have a client request to change the aspect ratio of the carousel thumbnails from 4:3 to 16:9. My initial attempts with the CSS resulted in stretched images. Any ideas on how to accomplish this?

 

WP Platform: 3.5.1

PLF: 2.4.2

 

TIA

Rat



#2 ratputin

ratputin

    Advanced Member

  • Members

  • 66 posts

Posted 21 May 2013 - 03:58 PM

I think I have found the solution. I added the following CSS:

 

<-------------BEGIN CSS------------>

 

 
a.carousel_image_link img { max-width: 100px !important }
 
.list-item.fix.jcarousel-item.jcarousel-item-horizontal.jcarousel-item.jcarousel-item-horizontal { width: 140px !important; }

 

 

<-------------END CSS------------>

 

It seems to be functioning correctly. I'll report back if any issues arise.



#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 May 2013 - 03:59 PM

Okay. We'll be here.







Also tagged with one or more of these keywords: carousel, thumnail, thumbs, size, proportion