{"id":3521,"date":"2021-01-13T12:18:48","date_gmt":"2021-01-13T12:18:48","guid":{"rendered":"https:\/\/ibex.tech\/cloud\/?p=3521"},"modified":"2026-04-17T11:05:15","modified_gmt":"2026-04-17T10:05:15","slug":"checkbox-2","status":"publish","type":"post","link":"https:\/\/ibex.tech\/cloud\/css\/forms-css\/checkbox-forms-css\/checkbox-2","title":{"rendered":"Checkbox"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Basic checkbox css<\/h4>\n\n\n\n<p>input[type=&#8221;checkbox&#8221;] is for the actual checkbox, excluding its label<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.MyFormClass input&#91;type=\"checkbox\"] {\n  display: inline-block;\n  margin-right: 4px;    \/*Gap between checkbox and its label*\/\n  margin-left: 8px;    \/*Gap between checkbox and previous label*\/\n}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Style a checkbox and its label<\/h4>\n\n\n\n<p>Put it within a div<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"MyCheckboxStyle\"&gt;&lt;input type=\"checkbox\" name=\"MyCheckbox\" value=\"1\" \/&gt;My Checkbox Label&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Checkbox + Label on line with space added under<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;input type=\"checkbox\" name=\"CheckboxSetting1\" $CheckboxSetting1_Checked value=\"Yes\" \/&gt;&lt;label&gt;Checkbox Setting 1&lt;\/label&gt;\n\ninput&#91;type=\"checkbox\"] {\n  display: inline-block;\n}\ninput&#91;type=\"checkbox\"] + label {\n  display: inline-block;\n  margin-bottom: 10px;\n}<\/code><\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Basic checkbox css input[type=&#8221;checkbox&#8221;] is for the actual checkbox, excluding its label Style a checkbox and its label Put it within a div Checkbox + Label on line with space added under<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[392],"tags":[],"class_list":["post-3521","post","type-post","status-publish","format-standard","hentry","category-checkbox-forms-css"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/3521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/comments?post=3521"}],"version-history":[{"count":11,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/3521\/revisions"}],"predecessor-version":[{"id":5369,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/3521\/revisions\/5369"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=3521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=3521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=3521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}