Support » Plugin: WooCommerce » Aligning the button on the bottom

Viewing 4 replies - 1 through 4 (of 4 total)
  • Add a fixed height the div wrapper, and position the button at the bottom of the div using css “position” and “bottom” definitions.

    sunhawk

    (@sunhawk)

    Can you explain your answer more specifically regarding where in the CSS and what code you need to add?

    sunhawk

    (@sunhawk)

    I figured it out, this is what I added (probably some redundancy in the css, I repeated myself just to be sure lol):

    .woocommerce.product-columns-5 ul.products li.product, .woocommerce-page.product-columns-5 ul.products li.product {
    width: 16.9%;
    height: 250px!important;
    vertical-align: bottom!important;
    bottom: 0!important;
    }

    .woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a {
    text-decoration: none;
    bottom: 0!important;
    vertical-align: bottom!important;
    position: absolute!important;
    }

    Would love some help with this for http://www.css-signs.ie/shop/

    If the text goes to 2nd line it just looks awful!!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Aligning the button on the bottom’ is closed to new replies.