Rotated pictures

  • Profile Image
    PresKCC
    Asked on September 04, 2019 at 12:53 PM

    Hi there! I am working on our spirit wear order for. For some reason, a few of our pictures are rotated. Help!


    Thanks,
    Tamie

  • Profile Image
    Nik_C
    Answered on September 04, 2019 at 01:53 PM

    Could you please advise you which of the image is not right:


    1567619598Screen Shot 2019-09-04 at 7.51

    Please advise.

    Thank you!

  • Profile Image
    PresKCC
    Answered on September 05, 2019 at 02:43 AM
    Long sleeve t-shirt, Trucker cap, cinch bag, and car decal.
    Thanks,
    Tamie
    *Tamie Kuhn, President*
    *Kelso Community Club (KCC)*
    *34651 SE Kelso Rd.*
    *Boring, OR 97009*
    *(503) 668-8020*
    ...
  • Profile Image
    Nik_C
    Answered on September 05, 2019 at 03:37 AM

    Thank you.

    I was able to rotate them so when you preview the form they will show rotated, with this CSS:

    #cid_7 > div > div > span:nth-child(3) > img {

        transform: rotate(90deg);

    }

    #cid_7 > div > div > span:nth-child(9) > img {

    transform: rotate(90deg);

    }

    #cid_7 > div > div > span:nth-child(11) > img {

    transform: rotate(90deg);

    }

    #cid_7 > div > div > span:nth-child(13) > img {

    transform: rotate(90deg);

    }

    But when you click on image it will still show as original, and that's because those images are in landscape resolution.

    For example, your short sleeve t-shirt is 768x1024px and your long sleeve t-shirt is 4032x3024

    So, to have the image in portrait view, the width should be smaller than height.

    If you want to fix it completely, you will have to resize your images and make them portrait. Then upload them again. (in that case, you should remove the code I added above from Custom CSS).

    Hope it helps.

    Thank you.