Remove labels from image swatch

  • ankursehdev

    (@ankursehdev)


    11 months ago

    Hello, can you please let me know

    1. how I can remove labels from the image swatches and
    2. and if a user selects a swatch can I change the background of that selection?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author WCBoost

    (@wcboost)

    Hello,

    Thanks for reaching out. Regarding your questions:

    1. I noticed there is custom CSS on your website that forced the label to always be visible. You can view this screenshot for more details:

      https://prnt.sc/D8yB_aj_nKYs

      To fix this issue, you should find and remove that custom CSS. Or you can try this CSS to hide the label:
    .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__name {
    display: none;
}

    2. There is another CSS that remove the border of the selected swatch. You can view this screenshot to see the detail:

    https://prnt.sc/vwuFJ3WlHWN3

    You can try this CSS to add a background to the selected item.

    .wcboost-variation-swatches--image .wcboost-variation-swatches__item.selected {
	background-color: #333;
}

    Thank you

Viewing 1 replies (of 1 total)
  • The topic ‘Remove labels from image swatch’ is closed to new replies.