Docs

[Daniel R]

Hi there,

I can’t seem to adjust my images to resrict pixelation No matter how much I try and change dimensions. See here for an example http://www.thepsychologycompany.co.uk/godalming/.

Could you let me know how I overcome the issues with the sizing of these images so the render correctly?

Thank you

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-flexslider.x-flexslider-shortcode.x-flexslider-shortcode-1 {
    width: 50% !important;
    margin: 0 auto;
}

Hope that helps.

[Daniel R]

Thanks! Although that doesn’t quite fix the problem. It is only one image in the carousel that seem to be pixelated. When I reduce the size of the slide using your css code it is a very different size to everything else on the page. Any other ideas?

[Rad]

Hi there,

Try increasing your image’s size about 980×653. Your site is full width and wider that your image, your image will stretch as much as your site’s width and stretching will result to pixelation. It’s better to shrink the image that to stretch it.

Thanks!

[Author]

Posts