Swatches Display in Rows

Hi,

How can we make the last row of the color swatches that is displayed on the product aligned with the other 3 rows above it. As you can see from the product below, the last row was a bit indented to the right.

http://shinetrim.wpengine.com/shop/feathers/feather-trim/solid-hackle-feather-trim-asst-colors/

Please help, thank you!

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.single-product-content .variations .swatches-select > div:last-child {
    margin-right: 15px!important;
}

Regards

It worked. Thank you so much!

You are welcome!

[Author]

Posts