Size of first photo is smaller than the rest

  • Profile Image
    ETCN_LNJ
    Asked on February 22, 2013 at 12:10 PM

    The first photo in my form is smaller than the rest. All the photos are cropped to the same size of 200px x 200px.

    I tried to see if it was just that photo but when I removed the photo, the one below it took that spot and reduced in size as well.

    I can't find a place to change the size of the photo.

    I duplicated this form from the one last year and I do not remember having this issue. Or if we just overlooked it last year. But I would prefer to get it fixed.

    I even doubled the size of the photo to see if that would affect it in any way but it didn't fix the issue.

  • Profile Image
    ETCN_LNJ
    Answered on February 22, 2013 at 12:40 PM

    I found in the Custom CSS, the size was being made for all photos except the first one. The rest had this code:

    .form-product-image-with-options {

    height: 200px;

    width: 200px;

    }.form-product-item{

    display:inline-block;

    padding:5px 5px 5px 10px;

    position:relative;

    margin-bottom:200px;

    margin-left:25px;

    }

     

    The first photo wasn't tagged with ".form-product-image-with-options," so it didn't recognize the size needing to be 200px x 200px.

     

    I just added another CSS with ".form-product-image" for a quick fix.

  • Profile Image
    pinoytech
    Answered on February 22, 2013 at 12:59 PM

    Hi,

    I've check your form and it's working fine. The size of the images are all the same which is 200px.

    Please take a look at this: http://www.screencast.com/t/4jRzTucqJh

    Please clear your browser cache and cookies to see the changes.

    Thank you!