SIGN UP

Checkbox tick not displaying correctly

By: Fikri Ismail | Asked: 11/21/2023
Forums › Category: Code Help › Checkbox tick not displaying correctly
Vote Up 0 Vote Down
Fikri Ismail asked 1 year ago

Hi, 
 
I am experiencing problems with my checkbox where it doesn't show if ticked. The tick is either invisible or appearing somewhere on the page all at one spot.
 
I have tried googling around but I can' t find any answers. I'm sorry if my question is a bad one, I' m still new to this.
 
You can find the attached image to understand what I am talking about. The tick is invisible. 
Please advise. 
 
Regards, 
Fikri

Attachments
Box-after-click.jpg
3 Answers
Vote Up 0 Vote Down
Rob LeVineRob LeVine Staff answered 1 year ago

Post a link to the page where the issue happens.

Fikri Ismail replied 1 year ago

Here is the link.
https://jaz-international.com.my/wp/claims-form/

The password is cf01204.

0
Vote Up 0 Vote Down
Rob LeVineRob LeVine Staff answered 1 year ago

There is something wrong with the HTML/CSS that makes up that page. See the attached image. I clicked the "OTHER DOCUMENTS (PLEASE STATE)" checkbox and the checkmark appeared on the "DATE OF CLAIM" input field. On the right you can see the inspection of the code and it thinks that your checkbox starts all the way up there. My guess is you have some bad CSS or HTML on your page.

Attachments
wacky_checkbox.png
Fikri Ismail replied 1 year ago

I'll try and see if I can find any more css class that could be the cause

0
Vote Up 2 Vote Down
Victor Font Staff answered 1 year ago

The problem is in your theme styling. This css definition on line 14,790 of your style.css file is the culprit: input[type="checkbox"]:checked:before. It is overriding Formidable styling by setting an absolute position for the checkbox before pseudo element.

Fikri Ismail replied 1 year ago

I've commented out the css class you mentioned but the problem is still there.
The theme I am using is WpResidence New York Demo

0
Victor Font Staff replied 1 year ago

There's nothing wrong with your form now. Clear your caches. See this: https://vfcgdownloads.s3.amazonaws.com/checkbox-test.mp4

0
Fikri Ismail replied 1 year ago

My bad. I didn't clear my cache when I tried it. Thank you so much.

0

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right