homepage featured products - align bottom

mao9000

Is it possible to have have the featured products shown on homepage to be aligned to bottom of that column? I have attached image that shows default alignment of the featured products columns. You will see the bottom is staggered due to the length of the product name.

I would like to have them align to the bottom as shown on the attached image



Thanks
Mark

Air

Hi there

Can you show link, cause I have an idea but I must test it on your site. Then I will give you custom CSS or say that I don't know solution :-)

With regards.

mao9000

Hello Air,
http://fitcircleus.com/

Air

OK, I have spend some time trying to figure it out, so it wont break responsive design. Go to edit your front page and insert there such custom CSS(check screen shot)

.woocommerce-page ul.products li.product{
    float: none;
    display: inline-block;
    width: 21.8%;
}
@media screen and (max-width: 768px){
    .woocommerce-page ul.products li.product{
        float: left;
        width: 48%;
    }
}

With regards.

mao9000

Awesome... Worked great and great theme.. !!!!