{"id":3787,"date":"2021-05-28T12:16:43","date_gmt":"2021-05-28T11:16:43","guid":{"rendered":"https:\/\/ibex.tech\/cloud\/?p=3787"},"modified":"2022-02-17T07:13:46","modified_gmt":"2022-02-17T07:13:46","slug":"submit-button-2","status":"publish","type":"post","link":"https:\/\/ibex.tech\/cloud\/css\/forms-css\/submit-button-2","title":{"rendered":"Submit button"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Button styling example<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>.MyClass input&#91;type=\"submit\"] {\n  background-color: #007cba;\n  border: 1px solid #007cba;\n  border-radius: 3px 3px 3px 3px;\n  display: inline-block;\n  min-height: 20px;\n  min-width: 80px;\n  margin-top: 8px;\n  margin-right: 8px;\n  margin-left: 0px;\n  margin-bottom: 8px;\n  padding-top: 5px;\n  padding-right: 8px;\n  padding-left: 8px;\n  padding-bottom: 5px;\n  font-size: 16px;\n  font-weight: normal;\n  line-height: 20px;\n  color: #fff;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.MyClass input&#91;type=\"submit\"]:hover {\n  background-color: transparent;\n  border-color: #333;\n  color: inherit;\n}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Delete button with icon example<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>  &lt;form action=\"\/\" method=\"POST\"&gt;  \n\n    &lt;input type=\"submit\" class=\"button_delete\" value=\"Delete\"&gt;\n  &lt;\/form&gt;<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*----- DELETE BUTTON -----*\/\n.button_delete {\n  background-color: #a50011;\n  background-image: url('..\/divi-child\/images\/button_delete.png');\n  background-repeat: no-repeat;\n  background-size: 14px 18px;\n  background-position: 5px 4px;\n  border: 0px;\n  border-radius: 3px 3px 3px 3px;\n  height: 28px;\n  min-width: 120px;\n  margin-top: 0px;\n  margin-right: 4px;\n  margin-left: 0px;\n  margin-bottom: 8px;\n  padding-top: 4px;\n  padding-right: 6px;\n  padding-left: 26px;\n  padding-bottom: 4px;\n  font-size: 14px;\n  font-weight: normal;\n  line-height: 20px;\n  color: #fff;\n  text-align: center;\n  display: inline-block;\n  cursor: pointer;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Button styling example Delete button with icon example<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[220],"tags":[],"class_list":["post-3787","post","type-post","status-publish","format-standard","hentry","category-forms-css"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/3787","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=3787"}],"version-history":[{"count":3,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/3787\/revisions"}],"predecessor-version":[{"id":3792,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/3787\/revisions\/3792"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=3787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=3787"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=3787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}