Featured image div changing size

  • Resolved jream

    (@jream)


    10 years, 7 months ago

    Hi,

    I’m having trouble with my featured image rotator on the Current Issue page. As much as I would like to have the exact same dimensions for each featured image, that’s not always possible. Is there some trick to getting the featured images to display correctly in the given amount of space?

    I have 2 featured images in my slider right now. I made the 2nd the same height as the first, thinking that would keep the view area the same height, but instead, it’s making the frame taller for the first image as well.

    Please take a look at my featured image slider and let me know if you have any suggestions.

    http://arkansasliving.greatnewday.com/current-issue/

    https://ww.wp.xz.cn/plugins/issuem/

Viewing 1 replies (of 1 total)
  • Thread Starter jream

    (@jream)

    10 years, 7 months ago

    I’ve got it. For anyone with the same problem, you can set the
    ‘li’ that holds the image to a certain size in CSS, like this:

    #issuem-featured-article-slideshowholder .issuem-flexslider .slides > li {
    height: 336px!important;
}

    And if you want your image to stretch to your image to fit the ‘li’ size, make sure the height of the image is 100%, like this:

    #issuem-featured-article-slideshowholder .issuem-flexslider .slides img {
    height: 100%!important;
}

    This solution is only good if your images are fairly close in size. There will be some distortion in your image, but the “viewport” for the flex slider will not change size any longer.

Viewing 1 replies (of 1 total)

The topic ‘Featured image div changing size’ is closed to new replies.