[Resolved] Display of WooCommerce Price Amount

Home Forums Support [Resolved] Display of WooCommerce Price Amount

Home Forums Support Display of WooCommerce Price Amount

  • This topic has 5 replies, 2 voices, and was last updated 5 years ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #847071
    Josh

    The display of the price on the Product Pages when variations are selected is crammed up against the Elementor ‘Add to Cart’ widget. Screenshot:

    https://ibb.co/1nrvYFB

    I’ve tried some CSS hacks but no luck so far.

    The class is .woocommerce-Price-amount, thanks!

    #847367
    David
    Staff
    Customer Support

    Hi there,

    where would you ideally want the price to be displayed?
    Inline with the qty and add to cart for example?

    #847607
    Josh

    Hi David – simply having an equal cap top and bottom of the price will work fine.

    ie. put the price middle between ‘Size’ on top, and the Add to Cart widget on bottom.

    #847625
    David
    Staff
    Customer Support

    Does this do it:

    .woocommerce-variation-price {
        margin-bottom: 2em;
    }
    #847632
    Josh

    Yes, thanks! I also reset the bottom margin on the dropdown box above, so the gap is even on top and bottom:

    ‘/* Set gap between product price variations and Add to Cart widget */
    .woocommerce div.product form.cart .variations {
    margin-bottom: 2em;
    }

    .woocommerce-variation-price {
    margin-top: 0;
    margin-bottom: 2em;
    }’

    #847654
    David
    Staff
    Customer Support

    Glad to be of help 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.