Reply To: Color swatch outlines, borders, padding, quick view modification help!

Hello,

Here we go 🙂

1. Custom CSS to add border to color circles

.single-product-content .variations .swatches-select .colored-swatch {
border: 1px solid #000;
}

2. To add border lines

.single-product-content div[itemprop=description] {
    margin-bottom: 25px;
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
    padding: 20px 0;
}

3. Padding for images

.single-product-content .product-images {
    position: relative;
    padding-right: 40px;
}

4. Sorry but you can’t use color swatches functionality (for variable products) on quick view. We don’t have a fix for this.