Plugin Contributor
Vagelis
(@eboxnet)
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;
}
Plugin Contributor
Vagelis
(@eboxnet)
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!
Plugin Contributor
Vagelis
(@eboxnet)
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
Plugin Contributor
Vagelis
(@eboxnet)
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.
http://www.apshop.tw
Plugin Contributor
Vagelis
(@eboxnet)
Hello…
.woo-related-products-container .product-list.woo-home-product {
height: 250px;
}