Hello, I have been creating a form on WordPress through my Bluehost account. I have been adding different fields and have it mostly where I want it. When I go to preview the form I notice that any field I have selected to use checkboxes, the actual square isn’t showing up. If I click the checkbox it will insert the check but the square isn’t showing up. I have a few fields that are multiple choice and the circle shows up fine for them. Any ideas? My site is not published yet as I am working on it but if there is away for me to show a screenshot I can provide that. When i talked to someone through WPForms chat they said it typically is another plugin interfering with it. I disabled the couple other plugins that were listed and the issue still remains.
So I was looking around in the settings for wpforms and I noticed under general there is a setting called “include form styling” I switched it from the current setting of “Base and form theme styling” to “Base styling only” and refreshed my form. The checkmark boxes are all there correctly like they should be. Problem now is the fields that I used where I inserted pictures changed. Rather being 4 photos in line with each other horizontally for a question. All my photos go down vertically on the page one by one.
Hey @nkline101020 – We haven’t heard back from you since my previous response, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.
Hello, Sorry I have a job and haven’t had time to get back on here to reply in the 6 hours since you answered. The website is not published as I just started working on it. Do you have any feedback or suggestions based on what I stated above. After noticing the “include form styling” and switching it from the current setting of “Base and form theme styling” to “Base styling only” fixed the box for the checkmark not showing but then messes up the layout of all the photos.
I have attached a screenshot where I circle the missing checkmark boxes. I have also added a 2nd screenshot showing when I change the format from “Base and form theme styling” to “Base styling only”. The checkmark boxes appear now but it makes my photos list vertically instead of horizontally like I want.
Hey @nkline101020 – Thanks for sharing the screenshot!
Looking at the screenshot, it seems that there’s some styling conflict going on. Generally having access to the website helps in narrowing down the issue, however, since the website is not live, could you please try testing for a plugin or theme conflict as it looks like there might be a conflict between the forms and the site theme or another plugin. To troubleshoot this, please try the steps described in our detailed guide on how to test for plugin/theme conflicts.
I disabled the few plugins that it showed were active that someone else suggestion and that made no difference. I just installed Duplicator and backed up my site before trying another theme. Currently I am using TITH Wonder. I switched theme the other ones shown like Twenty-One, Twenty-two and Twenty-three and the check marks all show fine. I do know in a forum I saw someone else having a similar issue and they were given code to adjust to change the opacity of the squares. I am not sure where I see or access the code since everything I’m doing is drag and drop and such. I just published it so you could have a look, its mostly done just trying to figure out how to get the button to work and how to make the url always show my site not the bluehost url.
There is another stylesheet that is overriding wpforms CSS for your checkboxes.
This one: wp-content/themes/yith-wonder/assets/css/general-block-style.min.css?ver=1.0.0
In that, there is an input[type=checkbox] that’s doing it. You can see in Developer Tools, that I added an actual border color and the checkboxes look fine now.
So, you will either need to create a seperate stylesheet and override the styling in there, or reach out to the developers of that plugin… whatever yith-wonder is
This reply was modified 2 years, 10 months ago by Kevin Pirnie.
Thank you! Adding that CSS in using the tutorial was easy and as son as I published it and checked my site the checkmark boxes are now showing in both my forms. I appreciate your help as well as the tutorial that helped me understand what I was doing ha.
