Hi there,
Thanks for using this theme.
For sliders,
1. you should have at least 1280px width of featured images, because that’s the maximum width of site content on larger screens. Lower width images will be stretched and hence will look blurred on desktop and laptops.
2. For image height, Use rectangular images instead of square. Preferably use images of lower heights i.e., approx. 1280 X 500px. The cuts will be much lesser in these sizes.
3. Presently images are center cropped (If image is cut, center portion of the image is visible and top and bottom portion will be cut). However, in some cases you want top portion of image to be visible. Use following css to “Top crop” the image instead of “Center crop”.
3i. Go to Appearance > Customize > Additional CSS.
3ii. copy paste following css
.dp-featured-content .dp-thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
Try these solutions. Please inform if these solutions not work or you need any other help.
Thanks