Customizing WP FlexSlider plugin - changing way slider images are cropped
I've managed to remove the the side (prev/next) panels of the FlexSlider, however now the primary image is distorted. I'm wondering if there is a way to have the featured image cropped true to proportion/scale? I've tried adjusting the size of the slider, but the problem I'm running into is I won't have control over what images are used - square, rectangle, horizontal, vertical, etc.
The test site can be viewed here.
The CSS I've used is
#featured-slider li .featured-thumb img {
-webkit-transition:opacity 0.5s;
height:400px;
margin-left:auto;
margin-right:auto;
opacity:0.6;
transition:opacity 0.5s;
width:960px;
}
Solutions
either you change your height to : 600px and above or you just find image that have saiz 960X400 that fix the vassel
Similar questions
How to set and display images with original size (not cropped) in Betheme Masonry Blog Style?
I am using Betheme for my wordpress website and i am using its Masonry Blog Style(which is mandatory) for blog posts. The images(featured images) of the content displayed on the blog page are of random sizes as defined in the monsory blog style. But i want that the all the images which are being displayed on the blog page should be in their full si...
Fullwidth slider using background image Flexslider WordPress
I'm hoping someone can help, I have created a slider plugin using Flexslider that works using custom post types etc. Anyway, it all works great except, I want to set the image as the background of Flexslider not contained within the li. I just can't seem to understand why the syntax is wrong. If someone could help that would be great. Here's what I...
Trying to move the flexslider controls to the middle of the slider window
I have a theme in wordpress that is using flexslider. Unfortunately the way it's set up the controls and the title appear at the bottom of the slider window. I'd like to move the controls for the slider to the middle of the slider (one on each side) and the shaded title bar to the top. I've tried reading the documentation but I couldn't find what I...
Flexslider slider not autoplaying on WP site despite `slideshow:true`
The basics: So I'm wondering if something is overriding this somewhere? There's a pile of JS files loaded after Flexslider : but I can't see anything in there that would override Flexslider. There's a final <script> tag after all the other linked files too: Is something missing, is this something really obvious? I'm confused because the slide...
Flexslider carousel / slider not showing - possible conflict?
I inherited an unfinished WordPress development for a client, previous had setup Flexslider with Carousel on this page but it is not displaying on the frontend. I have searched and have found this similar example, as far as I can see it is setup the same. Flexslider is being called, but checking the console it throws back 'Uncaught TypeError: $ is ...
Meta slider is not working error: $(...).flexslider is not a function
I am using with meta slider plugin. I created new slider and used the short code. but the meta slider is not working and is giving this error: TypeError: $(...).flexslider is not a function I've tried many solutions but the problem is still the same. Here is link How can I fix this?