Want To Add Extra Images Per Product Variations? Download This Free Plugin

Pulldown Icon above Color Swatches

Dan Landrum

For some reason, I believe the last update, my color swatches show a pulldown icon above the swatch. How do I get rid of this?

I am assuming this is also causing the swatches to not line up on the left side.

color-swatch-icon.jpg

Hakik Zaman

Hi Dan,

Thanks for reaching out to us. Can you please give us an exact link to check?

BTW, to remove the pulldown icon please place the below CSS at Appearance > Customize > Additional CSS

.et_pb_wc_add_to_cart form.cart .variations td.value span.variable-item-span:after {
    display: none;
}

Hope to hear from you soon!

Thank You

Hakik Zaman

Hi Dan,

Please also place the below CSS at Appearance > Customize > Additional CSS

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):first-child {
    margin-left: 4px;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):last-child {
    margin-right: 4px;
}

Then let me know if it works on your end or not.

Thank You