Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22145

    No doubt this is a newbie question. I’m building a site for a video director. She has two categories of videos to display, so on the home page I have two columns, with two still images (sized 450 x 252 px) each of which links to the appropriate video page. The links work fine–the problem is the images display at approximately 446 x 358. It appears the image height has been stretched from 252 px to 358, and so less than 2/3 of the width of the image is displayed. How can I get it to display the whole image?

    The page in question is at http://abbydix.com/newp/

    Thanks in advance.

    #114365

    Hi,

    Please add this to the very end of your Quick CSS

    #top.home .slideshow_container {
    width: 454px;
    }
    #top.home div .one_half {
    margin-left: 1.6%;
    width: 80;
    height: auto;
    }
    #top.home .one_half .slideshow {
    width: 450px !important;
    height: 252px !important;
    }
    #top.home .slideshow li img {
    width: 450px;
    height: 252px;
    }

    Thanks,

    Nick

    #114366

    Excellent! That looks like it did it. Thanks very much!

    #114367

    Great! Enjoy the theme.

    Thanks,

    Nick

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘images expanded in size and are cropped’ is closed to new replies.