Seller setup wizard button color
-
Hello. I’m using Dokan Lite. I know color customization is a Pro feature, but it shouldn’t be. I don’t want to use the default red color (#f2624d) because it’s not my brand color.
I tried to change #f2624d to #ff9900 via CSS, but it doesn’t work. The CSS file for setup is located in wp-content/plugins/dokan-lite/assets/css and it’s called setup.css.
I’ve tried to change it via Customization/Additional CSS, external plugins, even by editing it directly via cPanel editor, nothing works. Here’s the part of the code I’ve tried to change:
.form-table .switch-input:checked + .switch-label:after { background-color: #f2624d; } .wc-setup .wc-setup-steps li.done, .wc-setup .wc-setup-steps li.active { color: #f2624d; border-color: #f2624d; } .wc-setup .wc-setup-steps li.done:before, .wc-setup .wc-setup-steps li.active:before { background: #f2624d; border-color: #f2624d; } .wc-setup .wc-setup-steps li.active:before { background: #fff; } .wc-setup .wc-setup-actions .button { color: #555; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .wc-setup .wc-setup-actions .button-primary { color: #fff; background: #f2624d; border-color: #f2624d; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #f2624d; text-shadow: 0 -1px 1px #f2624d, 1px 0 1px #f2624d, 0 1px 1px #f2624d, -1px 0 1px #f2624d; } .wc-setup .wc-setup-actions .button-primary:hover, .wc-setup .wc-setup-actions .button-primary:active, .wc-setup .wc-setup-actions .button-primary:focus { background-color: #e88e24; border-color: #e88e24; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #e88e24; } .wc-setup .wc-setup-content a { color: #f2624d; } .wc-setup .wc-setup-content .checkbox input[type=checkbox]:checked + label::before { background: #f2624d; border-color: #f2624d; }
I’ve change it to:
.form-table .switch-input:checked + .switch-label:after { background-color: #ff9900; } .wc-setup .wc-setup-steps li.done, .wc-setup .wc-setup-steps li.active { color: #ff9900; border-color: #ff9900; } .wc-setup .wc-setup-steps li.done:before, .wc-setup .wc-setup-steps li.active:before { background: #ff9900; border-color: #ff9900; } .wc-setup .wc-setup-steps li.active:before { background: #fff; } .wc-setup .wc-setup-actions .button { color: #555; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .wc-setup .wc-setup-actions .button-primary { color: #fff; background: #ff9900; border-color: #ff9900; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #ff9900; text-shadow: 0 -1px 1px #ff9900, 1px 0 1px #ff9900, 0 1px 1px #ff9900, -1px 0 1px #ff9900; } .wc-setup .wc-setup-actions .button-primary:hover, .wc-setup .wc-setup-actions .button-primary:active, .wc-setup .wc-setup-actions .button-primary:focus { background-color: #e88e24; border-color: #e88e24; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #e88e24; } .wc-setup .wc-setup-content a { color: #ff9900; } .wc-setup .wc-setup-content .checkbox input[type=checkbox]:checked + label::before { background: #ff9900; border-color: #ff9900; }
Can anyone help me solve this? Support keeps telling me to purchase Dokan Pro ?? That’s not a proper solution.
- The topic ‘Seller setup wizard button color’ is closed to new replies.