Support » Plugin: WooCommerce » Handpicked product block: enhance functionality align left/right 1-column

Viewing 1 replies (of 1 total)
  • This is the code I add to gutenberg editor and frontend to achieve this

    
    .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products.has-1-columns.left {
    float: left;
    }
    
    .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products.has-1-columns.right {
    float: right;
    }
    
    .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products.has-1-columns.left,
    .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products.has-1-columns.right {
    width: 33% !important;
    margin-left: auto;
    margin-bottom: 0;
    }
    
    .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products.has-1-columns.right img,
    .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products.has-1-columns.left img {
      object-fit: contain;
      height: 170px;
      width: auto;
    }
    .wc-block-grid.wp-block-handpicked-products.wc-block-handpicked-products.has-3-columns img {
      object-fit: contain;
    }
    
    • This reply was modified 11 months, 4 weeks ago by opicron.
Viewing 1 replies (of 1 total)
  • The topic ‘Handpicked product block: enhance functionality align left/right 1-column’ is closed to new replies.