I found that all settings in the theme options can't be applied to the frontend.
For example, I set the primary color to be #ff6523 but in the frontend it doesn't change.
.yolo-footer-wrapper .wpb_wrapper .wpb_wrapper .column-footer li i {
- <input class="enabled-button" style="min-width: 0px; min-height: 0px; font-family: inherit; font-size: 10px; visibility: visible; float: left; margin: 0px; vertical-align: top; position: relative; z-index: 1; width: 18px; left: -40px; top: 1px; height: 13px;" type="checkbox" aria-label="position absolute" /> position: absolute;
- <input class="enabled-button" style="min-width: 0px; min-height: 0px; font-family: inherit; font-size: 10px; visibility: visible; float: left; margin: 0px; vertical-align: top; position: relative; z-index: 1; width: 18px; left: -40px; top: 1px; height: 13px;" type="checkbox" aria-label="color var(--primary_color)" /> color: var(--primary_color);
- <input class="enabled-button" style="min-width: 0px; min-height: 0px; font-family: inherit; font-size: 10px; visibility: visible; float: left; margin: 0px; vertical-align: top; position: relative; z-index: 1; width: 18px; left: -40px; top: 1px; height: 13px;" type="checkbox" aria-label="left 0" /> left: 0;
It seems that all these var(--xxxxx) in the css are not changing with my settings.
Would you please help?