Variation Add-To-Cart Padding Problem

  • fishk94

    (@fishk94)


    5 years, 8 months ago

    I’m having issues with in the variation section where the space between the title of the variation and the actual drop-down are too close together.

    How can I fix this?

    Thanks in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • David

    (@diggeddy)

    5 years, 8 months ago

    Hi there,

    sounds like a Woocommerce support issue – if you can share a link to your site we can take a look.

    Thread Starter fishk94

    (@fishk94)

    5 years, 8 months ago

    Things seem to have adjusted a bit, however the orientation is still somewhat off – people can click between the words and the boxes.

    https://catharticcrafts.com/product/minimalist-portrait/

    David

    (@diggeddy)

    5 years, 8 months ago

    Hi there,

    that white space is created and styled by elementor using this CSS:

    .woocommerce div.product.elementor form.cart table.variations td.value:before {
    content: "-";
    color: transparent;
    background-color: #fff;
    position: relative;
    max-width: 100%;
    width: var(--variation-select-width);
    margin-right:1em
}

    I don’t know what the purpose of it is. You can unset its width to remove the spacing by adding this CSS:

    .woocommerce div.product.elementor form.cart table.variations td.value:before {
    width: unset !important;
}

    But if elementor added it – there must be some sort of purpose and i would suggest asking there support.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Variation Add-To-Cart Padding Problem’ is closed to new replies.