How can I style the checkmark background?

  • Resolved craigmacmedia

    (@craigmacmedia)


    4 years, 4 months ago

    Hi. This is driving me crazy.

    Currently the chackmark background is near black. I want to make it white but I cant find where this setting is in the style editor. I have tried to overwrite and even with !important to no avail. The CSS below seems to always win.

    .happyforms-styles .happyforms-part .option-label input:checked+.checkmark, .happyforms-part.happyforms-part-choice–display-as-letters input:checked+.checkmark {
    background-color: #000;
    background-color: var(–happyforms-color-choice-checkmark-bg-focus);
    }

    Cheers

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey there, @craigmacmedia ??

    We’re looking to make this easier by adding a dedicated control to our Style tab.

    In the meantime, we’re happy to help out! Just try this snippet, please.

    .happyforms-styles .happyforms-part .option-label input:checked+.checkmark, 
.happyforms-part.happyforms-part-choice--display-as-letters input:checked+.checkmark {
  background-color: #ffffff !important;
}

    That should do the trick. Let us know how it goes!

    We’ll close this. If you still need help, feel free to reach out in a new topic.

    Thread Starter craigmacmedia

    (@craigmacmedia)

    Hi! Forgot to respond. Sorry! I actually managed to sort it by doing exactly what you suggested just before you suggested it so can confirm this worked. My Css must of been a little of the mark before… Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How can I style the checkmark background?’ is closed to new replies.