Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 28, 2023 at 3:39 pm #1395720
    CopperCityCreative

    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!

    January 28, 2023 at 9:34 pm #1395767
    Mike

    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

    January 28, 2023 at 11:11 pm #1395775
    CopperCityCreative

    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?

    January 28, 2023 at 11:37 pm #1395779
    Mike

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.