[Resolved] Price vertical alignment

Home Forums Support Price vertical alignment

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1179834
    David

    Hi,

    I would like to align my products prices like in the pictures bellow:

    Wrong:
    wrong alignment

    Correct:

    correct

    This is WC products shortcode displayed on homepage and I also need to achieve the same on shop page.

    If possible, I prefer flex or “clean” way.

    Thank you!

    #1179850
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .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;
    }
    #1179917
    David

    It works. Thank you. 🙂

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