How to change toggle color for checkboxes?

Technical
1

For example, the default color of the check for order bumps is blue - can this be changed?

2

Hi @banshii.admin, and welcome to the community! :waving_hand:

The default blue checkmark for checkboxes comes from the browser’s native styling, but you can override it with CSS.

The simplest way to change the color of the checkbox for the order bump is to use the accent-color property:

  1. Go to the Custom Code panel.
  2. In the CSS section, paste the following code and replace green with your desired color:
.order-bump .ob-header input[type="checkbox"] {
    accent-color: green;
}

This will change the color of the checkbox without replacing the checkbox entirely.

— Abe Y.
Funnelish Team

1 Like
3

Thank you, what about all other toggles such as product list, checklist, etc?

1 Like
4

Hi @banshii.admin

check this thread How to change the toggle color (order bump, checklist, product select, etc.) - #4 by anwerashif