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.

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

    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 https://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.