[Resolved] Align Product Price

Home Forums Support Align Product Price

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1303365
    Ash

    So I would like to align prices in product categories, I found this code

    .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
        margin-bottom: unset !important;
        flex: 1;
        display: flex !important;
        flex-direction: column;
    }
    
    .woocommerce ul.products li.product .price {
        margin-top: auto !important;
    }

    But if 1 entire row of products have shorter titles it makes the product card different size to other rows. If you look at the link the 3rd product has a shorter title so price isnt level with the other 3 products. I want the price to be level with the other 3.

    #1303459
    David
    Staff
    Customer Support

    Hi there,

    that code looks to be working for me – browser cache maybe? If not which browser are you viewing it in ?

    #1303463
    Ash

    This is what I mean

    https://ibb.co/2Yv2zYG

    #1303673
    David
    Staff
    Customer Support

    Hmmm… maybe give the Title a minimum height like so:

    .woocommerce ul.products li.product .woocommerce-LoopProduct-link h2, 
    .woocommerce ul.products li.product .woocommerce-loop-category__title {
        min-height: 45px;
    }
    #1303778
    Ash

    Perfect thanks 🙂

    #1303847
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.