Hello!
I have a problem with my site. The slider element seems to not work, if it is on full with.
The image gets cropped wrong and seems to be shifted to the left side (it is not centered).
To see the issue, have a look at the site: http://sportscar-info.de/ at the bottom of the page.
Thank you.
Hello rocket.works,
I have checked your website and the slider seems to work as expected, as you can see here -> http://screencast.com/t/OXePjjjf3i Also, I saw that you have some js.errors in your console and these might be caused by the conflicting plugins. Please try to disable all the active plugins, clear all cache and instal only the plugins that come bundled with our theme and rule out the plugins in conflict. If is not what you mean and if your problem reappears, please provide more information about this. Any screenshot would be more useful for a better understanding.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello and thank you for the reply.
The slider works, yes. The JS errors are from the advertisment and do not have any impact on the website (and therefore the slider).
The problem we have, is even visible in your screenshot.
The image is not centered, you have a bigger gap on the right side then on the left.
Also, if you look at the img element, it gets cropped (quit heavily) on the lower end of the image. We want to see the full image and it would be a waste of data, if we crop it this way.
Those are the 2 problems we have with the slider.
Hello rocket.works,
I have inspected your site again and saw that in your slider you have some incorrect images. So, the general thumb of this element, in your case ->use the Visual Composer element on three column layout <- has the next dimensions -> width=1068px and height=580px as you can see here -> http://screencast.com/t/NAusqn86G Your images ahs these real dimensions -> width=960 px and height=640px -> http://screencast.com/t/18bMXd9t Therefore, your are using inappropriate image with width smaller then the thumb and the height bigger than the thumb and hence the image position, is not centered. The theme only crop the image (center -> top) and does not enlarge this. If your image is too short for the thumb you will have this gap of the space. We suggest using a plugin like ‘thumbnail upscale’ with ‘force regenerate thumbnail’ to fill the thumbs. Also, you can use a bit of CSS but is not the best solution for this ->
.td-module-thumb img {
width:100%!important;
}
The result -> http://screencast.com/t/80nB9f77kG
Hope this helps and let us know how it goes!
Thank you for the message!
