Viewing 6 replies - 1 through 6 (of 6 total)
  • Hey @grandmabae ??

    You’re right! It might be a caching issue. To see if that’s the case, can you please temporarily disable LiteSpeed? Does that fix the problem? If not, we know we need to look somewhere else.

    Let us know!

    Thread Starter grandmabae

    (@grandmabae)

    Hi, I tried disabling LiteSpeed and cleared all cache but it doesn’t work. You can take a look here
    https://hoahonda.com.vn/lien-he/

    Thanks, @grandmabae!

    Poking around your page, we can see that your theme is adding some custom styles and logic to checkboxes. That’s why you can’t see native HappyForms tick icons.

    Adding the following code to AppearanceCustomizeAdditional CSS should make your theme’s checkbox ticks visible.

    div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
      background-image: url("https://hoahonda.com.vn/wp-content/themes/motors/assets/images/checks2x.png");
    }
    
    div.checker, div.checker span, div.checker input {
      position: relative;
      z-index: 6;
    }
    
    .happyforms-styles .happyforms-part--checkbox .checkmark {
      display: none;
    }

    Hope this helps! ??

    Thread Starter grandmabae

    (@grandmabae)

    Hi,
    Thank you for your help!
    The checkboxes are now showing. However, HappyForm’s original ones also appear at the same time https://i.imgur.com/sZpTIcD.png

    I see, @grandmabae.

    Would you mind adding an !important keyword after display: none clause in the last CSS rule in the snippet? After adding it, this is how it should look like:

    .happyforms-styles .happyforms-part--checkbox .checkmark {
      display: none !important;
    }

    That will patch it up for you. Let us know how you go! ??

    Thread Starter grandmabae

    (@grandmabae)

    Hi,
    Thank you! It works!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Multiple choice focus not show’ is closed to new replies.