Single product gallerry thumbnails size and orientation on right

Hi everyone, I have a question, I would like to have the thumbnails on the inside page of a single product, the gallery thumbnails to be displayed on the right instead of the left, and I would like to reduce the size of the thumbnails considerably in order to make the photo look visually larger.

Attachments:

You must be logged in to view attached files.

I try this code to add, but nothing worked 🙁

@media only screen and (min-width: 990px) {

  .single-product-main-image {
      width: 55%; 
  }
  .single-product div.product .woocommerce-product-gallery .flex-viewport {
      margin-bottom: 20px;
      width: 70%;
      min-height: 312px;
  }
  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
      float: right;
      position: relative;
      top: -484px;
  }
  .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
      width: 100%;
      float: right;
      display: block;
      margin-right: 0;
      clear: right;
  }

Hello,

Sorry, you can not change the position of the gallery image thumbnails but you can set the size from Theme Settings >> Single Product >> Gallery >> https://ibb.co/gDkdkVg

Best Regards.

Yes thank you for that information, sad that cant not assing tumbnails on right. Thanks for answer 🙂

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts