Change green color for other

[ixamer]

Hi, I’m trying to edit the green color on the buttons but I’m not getting what I want.
I already tried using custom css on the global settings as I read on other post and also by changing the css inside the button menu but is bugged and I can’t choose the option label for radio color.
Code I pasted on global settings

 ... .quform-theme-light .quform-page-progress-bar {
    background-color: #f64e03;
}
.quform-theme-light .quform-page-progress-tab.quform-current-tab {
    color: #f64e03;
}
.quform-theme-light .select2-container--quform.select2-container--open .select2-selection,
.quform-theme-light.quform-timepicker.k-list-container.k-popup,
.quform-theme-light .quform-field-text:active,
.quform-theme-light .quform-field-captcha:active,
.quform-theme-light .quform-field-password:active,
.quform-theme-light .quform-field-textarea:active,
.quform-theme-light .quform-field-email:active,
.quform-theme-light .quform-field-date:active,
.quform-theme-light .quform-field-time:active,
.quform-theme-light .quform-field-select:active,
.quform-theme-light .quform-field-select:active,
.quform-theme-light .quform-field-multiselect:active,
.quform-theme-light .quform-field-text:focus,
.quform-theme-light .quform-field-captcha:focus,
.quform-theme-light .quform-field-password:focus,
.quform-theme-light .quform-field-textarea:focus,
.quform-theme-light .quform-field-email:focus,
.quform-theme-light .quform-field-date:focus,
.quform-theme-light .quform-field-time:focus,
.quform-theme-light .quform-field-select:focus,
.quform-theme-light .quform-field-select:focus,
.quform-theme-light .quform-field-multiselect:focus {
    border-color: #f64e03;
    box-shadow: 0 0 16px -8px #f64e03;
}
.quform-theme-light .quform-upload-progress-bar {
    background-color: #f64e03;
}
.quform-theme-light .quform-upload-file {
    background-color: #f64e03;
}
.quform-theme-light.select2-container--quform .select2-dropdown {
    border: 2px solid #f64e03;
}
.quform-theme-light.select2-container--quform .select2-dropdown--above {
    border: 2px solid #f64e03;
}
.quform-theme-light.select2-container--quform .select2-dropdown--below {
    border: 2px solid #f64e03;
}
.quform-theme-light.quform-datepicker .k-calendar .k-header,
.quform-theme-light.quform-datepicker .k-calendar .k-footer,
.quform-theme-light.quform-datepicker .k-calendar .k-header .k-state-hover {
    background-color: #f64e03;
}
.quform-theme-light.quform-timepicker.k-popup ul.k-list li.k-item.k-state-selected {
    color: #f64e03;
}
.quform-theme-light.quform-datepicker .k-calendar td.k-state-focused .k-link,
.quform-theme-light.quform-datepicker .k-calendar td.k-state-selected.k-state-focused .k-link {
    color: #f64e03;
}
.quform-theme-light .quform-button-style-theme .quform-upload-button,
.quform-theme-light .quform-options-style-button .quform-option-label,
.quform-theme-light .quform-element-submit.quform-button-style-theme > .quform-button-submit-default > button,
.quform-theme-light .quform-element-submit.quform-button-style-theme > .quform-button-next-default > button,
.quform-theme-light .quform-element-submit.quform-button-style-theme > .quform-button-back-default > button {
    background-color: #f64e03;
}
.quform-theme-light .quform-button-style-theme .quform-upload-button:hover,
.quform-theme-light .quform-options-style-button .quform-option-label:active,
.quform-theme-light .quform-options-style-button .quform-option-label:focus,
.quform-theme-light .quform-options-style-button .quform-field-checkbox:checked + label,
.quform-theme-light .quform-options-style-button .quform-field-radio:checked + label,
.quform-theme-light .quform-options-style-button .quform-field-checkbox:checked + label,
.quform-theme-light .quform-options-style-button .quform-field-radio:checked + label,
.quform-theme-light .quform-element-submit.quform-button-style-theme > .quform-button-submit-default > button:hover,
.quform-theme-light .quform-element-submit.quform-button-style-theme > .quform-button-next-default > button:hover,
.quform-theme-light .quform-element-submit.quform-button-style-theme > .quform-button-back-default > button:hover {
    background-color: #f64e03;
}
.quform-theme-light .quform-loading-type-spinner-1 .quform-loading-spinner,
.quform-theme-light .quform-loading-type-spinner-1 .quform-loading-spinner:after {
    border-top-color: #f64e03;
}
.quform-theme-light .quform-loading-type-spinner-2 .quform-loading-spinner {
    background-color: #f64e03;
}
.quform-theme-light .quform-loading-type-spinner-3 .quform-loading-spinner,
.quform-theme-light .quform-loading-type-spinner-3 .quform-loading-spinner:after {
    color: #f64e03;
}
.quform-theme-light .quform-loading-type-spinner-4 .quform-loading-spinner:after {
    background-color: #f64e03;
}
.quform-theme-light .quform-loading-type-spinner-5 .quform-loading-spinner {
    border-left-color: #f64e03;
}
.quform-theme-light .quform-loading-type-spinner-6 .quform-loading-spinner-inner {
    color: #f64e03;
}
.quform-theme-light .quform-loading-type-spinner-7 .quform-loading-spinner-inner,
.quform-theme-light .quform-loading-type-spinner-7 .quform-loading-spinner-inner:before,
.quform-theme-light .quform-loading-type-spinner-7 .quform-loading-spinner-inner:after {
    background-color: #f64e03;
    color: #f64e03;
}
.quform-theme-light .quform-loading-type-custom .quform-loading-inner {
    color: #f64e03;
}
.quform-theme-light .quform-referral-link a:hover {
    color: #f64e03;
}.... 

I attached two images, what I want to change and the bug that appeared when changing style of buttons.

• This topic was modified 6 years, 10 months ago by ixamer.
• This topic was modified 6 years, 10 months ago by ixamer.
• This topic was modified 6 years, 10 months ago by ixamer.

Attachments:

You must be logged in to view attached files.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

• This reply was modified 6 years, 10 months ago by Ally.

[Author]

Posts