Greetings, I have a post slider at this website – http://paxsonpta.org/ – down towards the bottom of the page in the purple color area.
I would like for the preview images to fill the area. As you can see, one of the posts has a preview image that is not the same as the others so its causing the preview images to have varying sizes. Additionally, there is a white background on the images. I would like the image to stretch to fill the area.
Thank you!
Hey CopperCityCreative,
Please try this css to make the images the same width as the elements:
#top.home #av_section_3 .avia-content-slider .slide-entry img {
width: 354px;
}
For the one image that is in portrait mode, you will need to change this image to the same landscape aspect if you want it to match the others.
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi Mike,
Thank you so much! This almost gets me there, however, I’m wondering if there is a way to force the thumbnail size so that they remain constant regardless of the image size?
Hi,
Try this css:
#top.home #av_section_3 .avia-content-slider .slide-entry img {
width: 100%;
}
or could change the size-medium image to 400px with Simple Image Sizes and then Regenerate Thumbnails.
Best regards,
Mike