Hi Titas,

Thank you for contacting WPClever Support Forum. We’ve received your question.

However, we need more information in order to help you with the custom codes. Please provide us with a link to your published product for checking? 

We need to check the frontend in order to provide the proper CSS code for your needs.

After receiving your information, I'll proceed to the next step. 

Best regards. 

Hi Titas,

I have assigned one of our developers to help you with that. 

He’ll be looking into your question and responding with specific instructions as soon as possible. 

Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

Best regards.

Hi Titas,

To change the image size for the list layout, please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

.woobt-layout-default .woobt-products .woobt-product .woobt-thumb {
    width: 90px;
    flex: 0 0 90px;
}

And the result https://app.screencast.com/6Aug8qzeDxKxt

If you want to use the grid layout, please choose "2 columns" or "3 columns" then the image will be bigger.

Please enable this option https://app.screencast.com/VG9c8oKkx1bY9

Then it looks like that https://app.screencast.com/yWVAjt5I4MqO3 on the mobile screen.

Please turn off the responsive option then add the below custom code (How to add custom code?):

add_action( 'wp_footer', function () {
    ?>
    <style>
        .woobt-products .woobt-product .woobt-title .woobt-price, .woobt-products .woobt-product .woobt-title .woobt-quantity {
            text-align: start;
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%;
            margin-top: 5px;
        }
    </style>
    <script type="text/javascript">
      (function($) {
        $(function() {
          woobt_reponsive();
        });
        $(window).on('resize', function() {
          woobt_reponsive();
        });
        function woobt_reponsive() {
          var w = $(window).width();
          $('.woobt-product').each(function() {
            var $this = $(this);
            if (w > 767) {
              $this.find('.woobt-quantity').appendTo($this);
              $this.find('.woobt-price').appendTo($this);
            } else {
              $this.find('.woobt-price').appendTo($this.find('.woobt-title'));
              $this.find('.woobt-quantity').appendTo($this.find('.woobt-title'));
            }
          });
        }
      })(jQuery);
    </script>
    <?php
}, 99 );

And the result https://app.screencast.com/HFeQFXJsi641x

Where did you paste the code? 

If it's CSS code, please place it into WP-Admin → Appearance → Customize → Additional CSS.

If it's a snippet (PHP code), please follow this article https://wpclever.net/faqs/add-custom-code

Thanks for your kind!

Using the premium version of our plugin has been great for our work.

If you are satisfied with our plugin and support, please reward it with a full five-star ★★★★★ rating.
https://wordpress.org/support/plugin/woo-bought-together/reviews/?filter=5
Thank you in advance! ♥