after enable slider

Hello, please try this and let me know.

.woo-related-products-container .product-list.woo-home-product {
    height: 270px;
}
.woo-related-products-container .woocommerce a.button {
    margin: 0!important;
    position: absolute!important;
    bottom: 0;
}

Does not seem to work

Hmmm ok, did you remove the code? I can’t see it. Can you please put it back so I can check?

Thanks.

done, please check, thank you!

Thanks,
let’s try this one

.woo-related-products-container .product-list.woo-home-product {
    height: 270px;
}
.woo-related-products-container a.button.product_type_variable.add_to_cart_button, .woo-related-products-container a.button.product_type_simple.add_to_cart_button {
    bottom: 0px;
    position: absolute;
    margin: 0;
}

It’s work! thank you!

And in matter of mobile device browse the related products “text” (red ring), how to align left on CSS? https://www.apshop.tw/wp-content/uploads/2019/04/627-1.jpeg

Great,
you can use

@media query(max-width: 768px) { //you can alter 768px
    h2.woorelated-title {
        text-align: left;
    }
}

it’s work!! thank you very much!

how to adjustment space range for CSS? https://www.apshop.tw/wp-content/uploads/2019/06/aa.png (red ring) ,I want to narrow down.

https://www.apshop.tw

HI~~

Hello…

.woo-related-products-container .product-list.woo-home-product {
    height: 250px;
}

is work, thank you!!