Changing Color of Tick-Mark in Grouped Products

  • Resolved Michael

    (@aum001)


    3 years, 2 months ago

    I am using Grouped Products in my WooCommerce shop. I have limited the products to be Sold Individually which then puts a checkbox option instead of a quantity selector. A white checkmark with a blue background appears when an item is selected. I want to change the color of that checkmark background. I have looked all over the html/css using Inspector and can not find a way to change it. Below is an image of the area and the html for each of the items. How can I edit the colors?

    View post on imgur.com

    `<td class=”woocommerce-grouped-product-list-item__quantity”><input type=”checkbox” name=”quantity[1754]” value=”1″ class=”wc-grouped-product-add-to-cart-checkbox”></td>

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mirko P.

    (@rainfallnixfig)

    Hi @aum001,

    You’d probably want to target the wc-grouped-product-add-to-cart-checkbox class and add background-color: #66ff99 !important; – (use a color picker to change the color hex value).

    You’ll find more info on how to style checkboxes here: https://www.w3schools.com/howto/howto_css_custom_checkbox.asp.

    That said, without being able to see the site URL and inspect the HTML output it’s quite difficult to offer any CSS advice to help change the background color of the checkboxes.

    Thanks.

    Mirko P.

    (@rainfallnixfig)

    Hi there,

    We’ve not seen any activity on this thread for a while, so I’m marking this thread as resolved. Feel free to start a new thread if you have any more questions.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing Color of Tick-Mark in Grouped Products’ is closed to new replies.