[bruce.gibbins]

Hello, I am new to WordPress themes and in particular how to get images correctly sized etc. I have read a post in this forum for this theme with the exact same issue as I am having now. But it was a very old post so I decided to ask again. I hope you don’t mind. I have very large high res photos from a DSLR camera that when taken were zoomed already. I want to take some of these images and feature them as slider posts. According to your document featured images should be 1170 x 650 but then found (based on previous post) that because the slider is “100%” there is no actual size. However, it would be impractical to load these images at their full resolution as they would be way too big > 2MB. So I have resized and cropped as best I can to 1170 x 650 and found the image seems to get ZOOMED in again when displayed via the theme and whilst the image takes up the width of the page it seems to ZOOM outwards and thus cutoff the top and bottom. So I redid my cropping and sizing to 1900×830 and the same issue occurred. I then added your suggested CSS code snippet and de-activated all plugins. But was left with the same issue. This is the CSS code I added. I am sure that this is my lack of knowledge and experience. But if I can get this to appear correct then I am looking at purchasing the PRO version as the theme suits my needs and is really nice to work with (except for this issue). Thanks in advance.

.featured-slider .featured-image {
min-height: 260px;
}

[Theme Horse Support Team]

Hi Bruce.gibbins,

You can use any image size however to support the large screen size we recommend you to use large image. You can reduce the image size via different image optimize software. We have also used 2300 X 1300px images in the featured slider in our demo site which is just 2MB.

Thank you!

[bruce.gibbins]

Thank you for your reply however I may not have been clear in my question. The problem seems to be that the Slider zooms into a portion of the image and then crops it. For example in my case I have a horse with a rider. This image is 1170 x 650 or even greater. When the image is rendered in the slider it will show with the head cutoff the rider and the legs cut off the horse. It seems to select a centroid, then zoom in and then crop at a designated size outside of this new zoomed area. In some cases it doesn’t matter and the new image is acceptable but in others it looks wrong even though the original is complete. The image was originally very high res and I simply scaled it down whilst maintaining the aspect ratio. So the new scaled image looks exactly the same as the original but just at a lower scale.

Thanks

[Theme Horse Support Team]

Hi Bruce,

Feature slider in ambition theme covers your whole screen size and the position will be at center. To make it default Go to Appearance -> Customize -> Ambition Theme Options -> Custom CSS and paste the below CSS code then click on Save button.

.featured-slider .featured-image {
    background-attachment: inherit;
    background-position: inherit;
    background-size: inherit;
    min-height: 260px;
}

Please adjust above 260px min-height as of your featured image and let us know.

Thank you!

[Author]

Posts