Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1028867

    Hi,

    is it possible to move the thumbnails of the product gallery on a product-side (woocommerce) to the right side?

    Please see more infos in private section.

    Thanks!

    Best regards,

    Martin

    #1029336

    Hey mbauercag,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @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;
      }
    
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.