Contact Form 7 – Give each checkbox a class?

with jquery in footer.php 

jQuery(document).ready(function($){
  $('.wpcft-form-control div.checkbox').addClass('col-4');
}

or via css (you will have to adjust for various screen resolution and make some test)

<style>
.wpcft-form-control div.checkbox{width:33%;max-width:33%;float:left}
</style>

But I think you can create separate n separate checkboxes and wrap them in a 

<div class="col-4">[checkbox checkbox-x  "option1"]</div>
<div class="col-4">[checkbox checkbox-x  "option2"]</div>
<div class="col-4">[checkbox checkbox-x  "option3"]</div>

in the form editor

Related Posts:

  1. Failed to load resource: the server responded with a status of 404 (Not Found)
  2. Can I use complex HTML with Twitter Bootstrap’s Tooltip?
  3. Google Chrome Uncaught (in promise) DOMException while playing AUDIO
  4. How to make a word underline in Markdown
  5. ChartJS beginAtZero, min, max doesn’t work
  6. How do I check whether a checkbox is checked in jQuery?
  7. how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
  8. ReferenceError: $ is not defined
  9. React.js: Set innerHTML vs dangerouslySetInnerHTML
  10. (Google Map API) Geocode was not successful for the following reason: REQUEST_DENIED
  11. Check if checkbox is checked with jQuery
  12. Add swipe left/right to web page, but use default swipe up/down
  13. How can I get the data-id attribute?
  14. Check if checkbox is checked with jQuery
  15. How to resolve the C:\fakepath?
  16. Angular: mat-form-field must contain a MatFormFieldControl
  17. Change Background color (css property) using Jquery
  18. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  19. Get class name using jQuery
  20. How to clear the canvas for redrawing
  21. Adding options to select with javascript
  22. How does the data-toggle attribute work? (What’s its API?)
  23. JavaScript get element by name
  24. Use images like checkboxes
  25. How to read xml file contents in jQuery and display in html elements?
  26. How do I scroll to an element using JavaScript?
  27. Programmatically change the src of an img tag
  28. display variable image using cookies
  29. character counter – backspace doesn’t reflect on characters remaining
  30. Open URL in same window and in same tab
  31. Error: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’
  32. How to convert selected HTML to Json?
  33. Cannot read property ‘getContext’ of null, using canvas
  34. How can I select an element by name with jQuery?
  35. Full-screen iframe with a height of 100%
  36. jQuery disable/enable submit button
  37. How to move an element after another element using JS or jquery?
  38. How to use Javascript to read local text file and read line by line?
  39. Parse an HTML string with JS
  40. Why is the jquery script not working?
  41. Shortest way to print current year in a website
  42. DOMException: Failed to load because no supported source was found
  43. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  44. Partial render in HTML/JavaScript
  45. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  46. How to add onload event to a div element
  47. Why is marquee deprecated and what is the best alternative?
  48. Refresh/reload the content in Div using jquery/ajax
  49. Print the contents of a DIV
  50. Showing an image from an array of images – Javascript
  51. Embedding instagram webpage inside an iframe
  52. Set value to currency in
  53. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  54. HTML Entity Decode
  55. Retrieve the position (X,Y) of an HTML element
  56. How can I copy to clipboard in HTML5 without using flash?
  57. HTML5 rich-text inside textarea
  58. HTML onchange (this.value)
  59. How to scroll an HTML page to a given anchor
  60. How do I load an HTML page in a div using JavaScript?
  61. How do I check if a cookie exists?
  62. Highlight a word with jQuery
  63. ReactJS – .JS vs .JSX
  64. how to call a onclick function in tag?
  65. How do I refresh a DIV content?
  66. How to implement “select all” check box in HTML?
  67. JavaScript button onclick not working
  68. JavaScript button onclick not working
  69. jQuery sort elements using data id
  70. HTML make text clickable without making it a hyperlink
  71. JavaScript code to stop form submission
  72. Getting HTML form values
  73. Change an image with onclick()
  74. Strip HTML from Text JavaScript
  75. How to run a function when the page is loaded?
  76. Disabled href tag
  77. Creating Accordion Table with Bootstrap
  78. Creating Multiple Modals on a Single Page
  79. Closing Bootstrap modal onclick
  80. Fire oninput event with jQuery
  81. window.location() not working, not opening page
  82. How to clear the canvas for redrawing
  83. Default text on input
  84. Adding Google Translate to a web site
  85. Javascript, viewing [object HTMLInputElement]
  86. Unexpected token < in first line of HTML
  87. Why onbeforeunload event is not firing
  88. How to set “style=display:none;” using jQuery’s attr method?
  89. WordPress Bootstrap Handburger Menu Wont Open
  90. Conditional fields in contact form 7 not working
  91. Use onfocus event in Contact Form 7
  92. How to display post content in the block editor
  93. My Button Default Click Is Not Working In WordPress Using Javascript Code
  94. Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]
  95. Putting custom html/js page into Elementor as it’s own block
  96. Add Paypal button redirect to a specific page after completing
  97. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  98. contact form 7 javascript and wpcf7_before_send_mail action
  99. how to do open a link in a open window from menu bar? [closed]
  100. Making the HTML list to a checkbox tree with the plugin jstree [closed]