Check-boxes not displaying CF7
-
Hello All,
I am having difficulty with checkboxes not displaying on a form I created using CF7. I am still building this page; thus, the only thing on it is the form. I will list below what I am using on the site as well as what I have tried so far.
Theme: Smart Clean – Custom Paid Theme
Page Builder Plug-in : Visual ComposerContact Form: Problem Section Below
<label> Service Needed (required)
[checkbox* ServiceNeeded “Carpet Cleaning” “Pet Stains/Odor” “Spills/Heavily Soiled Carpet” “Carpet Repair” “Upholstery” “Tile & Grout” “Stone Polishing” “Wool Rug” “Synthetic Rug” “VCT” “Hardwood Floor Cleaning” “Other”]1) I have tried the following CSS through WordPress Customize > additional CSS
input[type=”checkbox”] {
width: 13px !important ;
-webkit-appearance: checkbox !important;
}**This had no change to the form. Tried it through the Visual Composer CSS Editor on the page that the form is listed; also showed no changes.**
2) I have tried to use radio buttons as well just to see if they would show; they did not. Also for that section, I need the user to be able to select all that apply. This makes checkboxes more appropriate.
3) I used the below CSS in Visual Composer CSS editor on the page that the form is listed to make the checkboxes vertically stacked instead of horizontally. Which was reflected in the form when I refreshed.
span.wpcf7-list-item {display: block;}
4) There is a recommendation to remove the -webkit- appearance line in the style.css; unfortunately, I have not been able to locate that in my style.css for the custom theme. This, however, may me think that the CSS from item 1 may need to be edited to work. Below is the forum response i am referring to. (This was made in response to someone else so the reference to line 2033 does not match to my style.css page.)
In style.css on line 2033 you need to remove the -webkit-appearance line. Also add
input[type=”checkbox”] {
height: 20px;
position: relative;
top: 6px;
}Any help will be greatly appreciated and thank you!
The page I need help with: [log in to see the link]
The topic ‘Check-boxes not displaying CF7’ is closed to new replies.