• Resolved dejanilic89

    (@dejanilic89)


    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Jahidul Hassan Mojumder

    (@jahidulhassan)

    Hi @dejanilic89

    If you want to add CSS to the seller setup wizard then you will need to use dokan_setup_wizard_styles this action hook instead of adding the CSS on your site’s Additional CSS section.

    I believe adding the CSS using the hook will work for your case.

    Hi @dejanilic89,

    Due to inactivity, I am going to close this topic. If you have any further queries, feel free to open a new topic.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Seller setup wizard button color’ is closed to new replies.