By beastb9 on

I installed flex slider for use with adaptive theme, i came to a issue when you set up image style to be used by flex slider, it always strech the image on 100% no matter what image ratio you set up.
Solution to show image in some aspect ratio.. for example 1024x300 px is to set up css of felx slider.
You go to /sites/all/libraries/flexslider, and change the line 26 to :
.flexslider .slides img {width:auto; height:auto; display:block; margin-left:auto; margin-right:auto;}
width:auto and height:auto; is for image style to take affect and to show image in aspect ratio that you provide in image style under drupal settings (configuration/image styles),
the css code margin-left and right is to center the image.
This solution is tested on drupal 7.22

⋅ Categories: Drupal 7.x

Comments

socialnicheguru’s picture

socialnicheguru commented

This is really helpful.

Very similar to: https://www.drupal.org/node/1927818#comment-7869297

http://SocialNicheGuru.com
Delivering inSITE(TM), we empower you to deliver the right product and the right message to the right NICHE at the right time across all product, marketing, and sales channels.