• White color swatches don’t show up on white backgrounds and white check marks don’t show up on white swatches. I was able to find the css to add a boarder around the swatches. However, I can’t seem to be able to change the color of the white check mark.

    Any Suggestions?

    Thanks,

Viewing 6 replies - 1 through 6 (of 6 total)
  • – I have the same problem. Maybe there is a way to add a img white w/ black boarder?
    – When I choose one of the colors I have that message “Sorry, this product is unavailable. Please choose a different combination.” How I can change it?

    Many Thanks,
    Jamile

    Don’t know if either or both of you got a fix on this, but this is how I managed it. Had a white t-shirt, with swatch that didn’t show up. Easy enough to fix that, but it left me with a white checkbox that wouldn’t show up. I got rid of that by changing the border to transparent in the second item below. This works for me. Change the #cc0000 to something else if you want some color other than pink for the glow around the selected items. And, of course, add this to your theme stylesheet, rather than editing the plugin files.

    .tawcvs-swatches .swatch {
    border: 1px solid !important;
    border-color: #999999 !important;
    color: #cc0000 !important;
    opacity: 1 !important;

    }

    .tawcvs-swatches .swatch-color.selected:before {
    border: solid transparent !important;
    }

    @aliceerickson thank you so much for your help!

    I really appreciate it.

    Dali

    Glad I could help. ??

    Just what I needed! Thank you so much @aliceerickson!

    I had to come up with a slightly different solution as i wasn’t happy with the way selected colour swatch wasn’t visible enough. I’ve achieved the following via custom CSS:

    /*ADJUST STYLE OF COLOUR SWATCHES – PLUGIN*/
    .tawcvs-swatches .swatch {
    opacity: 1 !important;
    }
    .tawcvs-swatches .swatch-color.selected:before {
    border: solid transparent !important;
    }
    .tawcvs-swatches .swatch.selected {
    border: 2px solid !important;
    border-color: #61b40e !important;
    width: 32px !important;
    height: 32px !important;
    }

    P.S. change colour: #61b40e to your own preference.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘white color swatches’ is closed to new replies.