Thumbnails on Product Detail Page not aligning

- 6 years, 4 months ago lapizd
  Participant
  
  Expired
  Hi there,
  
  I am having problems with the thumbnails for the product detail slider. The main product image is displaying bigger than the product gallery images thumbnails and all are 1200px by 1000px. I tried forcing height with CSS but it doesn’t work, how can it be fixed?
  
  .flex-control-thumbs li{
  max-height:105px!important;
  width:130px!important;
  transition: margin 300ms;
  }
  
  PAR PACKAGE
  
  Thank you
  
  This topic was modified 6 years, 4 months ago by lapizd.
- 6 years, 4 months ago Mirela
  Participant
  
  Hello,
  
  The first image has different dimensions from the rest, so it resizes differently. While the other images original dimensions are 1200x1000px, the first one is 100x100px. See screenshot:
  https://ibb.co/q94Njt1
  I suggest you upload a different image and it will be ok.
  
  Best regards!
- 6 years, 4 months ago lapizd
  Participant
  
  Expired
  I tried another image, which is actually the 4th one in the product gallery(size at 1200px by 1000px), and the same problem happens.
  
  Don’t get where that comes from…if maybe the system is creating thumbnail.
  
  https://www.dropbox.com/s/lwvv4q0ec510sqn/Screen%20Shot%202019-03-08%20at%2011.18.31%20AM.png?dl=0
  
  This reply was modified 6 years, 4 months ago by lapizd.
- 6 years, 4 months ago Mirela
  Participant
  
  Hello,
  
  Please add some wp credentials in your profile data. So we can give it a closer look.
  
  Best regards!
- 6 years, 4 months ago lapizd
  Participant
  
  Expired
  
  I did at the same time I posted my message, but will add them again in case you did not receive them
- 6 years, 4 months ago lapizd
  Participant
  
  Expired
  
  This reply has been marked as private.
- 6 years, 4 months ago Mirela
  Participant
  Hello,
  
  Sorry for the late reply.
  The first thumbnail is auto-generated from the main product image. Instead of customizing theme code, which will make you redo the changes every theme update, a better solution is to hide the first image. I added this css into your Specular > General > Custom Css box:
  
  .single-product .flex-control-thumbs li:first-child { display: none; }
  
  You can now upload the images you want for the product gallery. They will show up the same size as long as you upload images of the same size.
  
  Let me know.
  Best regards!
- 6 years, 3 months ago lapizd
  Participant
  
  Expired
  
  It works to fix the thumbnails breaking, but there is no way to navigate back to the first image which is not the ideal, is there any other solution?
- 6 years, 3 months ago Mirela
  Participant
  
  Hello,
  
  Please update theme first and all included plugins.
  Let us know if the situation persits.
  
  Best regards!
- 6 years, 3 months ago lapizd
  Participant
  
  Expired
  
  yes it does persist. If you could help me resolve this I will appreciate it.
  
  Thank you!
- 6 years, 3 months ago Mirela
  Participant
  
  Hello,
  
  Please add an image which’s original dimensions are the same as the other images. That is 1200x1000px. As in screenshot: https://ibb.co/SNkhDhz
  So the crop will be the same as the rest of them and the first image too, will be cropped to the same dimensions.
  
  Best regards!
- 6 years, 3 months ago lapizd
  Participant
  
  Expired
  
  All the images are at 1200px by 1000px. Including the featured image.
  
  https://www.dropbox.com/s/ohr7yu8tdp6ctm6/thumbnail-proof.png?dl=0
  
  If you read my messages before this last one we had already discussed this and I had already sent proof. For some reason when the image is inserted as the featured image it does not size the same was as when it is inserted in the product gallery. I was hoping this error was fixed with the theme update
- 6 years, 3 months ago Mirela
  Participant
  
  Hello,
  
  Sorry but from what i see the original image size of the first image is still 100x100px. See screenshot: https://ibb.co/3NpppWw
  
  Please try recreating the product from scratch. Regenerate all thumbnails first if you can. So that the new image (1200x1000px) thumbnail is recreated.
  
  Let us know.
  Best regards!