Sorry, we don't support your browser.  Install a modern browser
This post is closed.

Highlight selected option chip#44

When a chip is selected on the product page, the option appears in the top left of the box, but some users would like to see some styling for the selected chip itself. Something like the image below:

5 years ago

Just figured out how to do it with css:

  • Make a backup of your theme (Actions>Duplicate theme)
  • Open up the code editor (Actions>Edit code)
  • Open the Assets folder
  • Open up the index.css file and add this to the bottom of the file:
    .product-form__chip-input:checked+span {
     background-color: var(--color-text);
      color: var(--color-bg);
    }
5 years ago
Merged Size Chips#52
5 years ago
Changed the status to
Completed
4 years ago