[Resolved] Price vertical alignment

Home Forums Support Price vertical alignment

This topic contains 3 replies, has 2 voices, and was last updated by  David 1 month ago.

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 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 Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.