Checkboxes

[naive]

Hello and good evening,

I recently picked up on a old theme and reworked it along with the extra.css, then I noticed these checkboxes are by default with the "tick" symbol even if they are ticked or unticked.

I'm not able to figure out what I have done to make it like this, does anyone here know how to fix it?

For reference, check attached screenshot.

 

[Splicho]

Hello and good evening,

I recently picked up on a old theme and reworked it along with the extra.css, then I noticed these checkboxes are by default with the "tick" symbol even if they are ticked or unticked.

I'm not able to figure out what I have done to make it like this, does anyone here know how to fix it?

For reference, check attached screenshot.

naiveIt is most likely a css issue, but I can't really troubleshoot without URL.

 

[naive]

It is most likely a css issue, but I can't really troubleshoot without URL.

SplichoYeah I think it might be css as well but can't really remember what I did.
I have sent you a pm with URL.

 

[xfaitoolkit]

In the new version of themes before version 2.3, it can assign the True value. Improved not using current versions.

 

[naive]

Closing this thread as I have found the issue, I removed following code from css and is now working as intended.

Edit: Unable to close thread, leaving it open.

.iconic>input+i:before, .iconic>input+i:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

 

[Splicho]

Closing this thread as I have found the issue, I removed following code from css and is now working as intended.

Edit: Unable to close thread, leaving it open.

.iconic>input+i:before, .iconic>input+i:after {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

naive✅