Hiding the submit button

Hi Abajan,

Im very new to coding... I dont know how I can insert

 

#input_36 { display:none; }

 

to this

 

/* line 82, http://www.jotform.com/themes/css/style.less */

.form-all {

font-family: "Tahoma", sans-serif;

}

/* line 115, http://www.jotform.com/themes/css/style.less */

.form-all {

width: 590;

width: 100%;

max-width: 590;

}

/* line 131, http://www.jotform.com/themes/css/style.less */

.form-label-left,

.form-label-right {

width: 150px;

}

/* line 142, http://www.jotform.com/themes/css/style.less */

.form-label {

white-space: normal;

}

/* line 144, http://www.jotform.com/themes/css/style.less */

.form-label.form-label-auto {

display: block;

float: none;

text-align: left;

}

/* line 168, http://www.jotform.com/themes/css/style.less */

.form-label-left {

display: inline-block;

white-space: normal;

float: left;

text-align: left;

}

/* line 175, http://www.jotform.com/themes/css/style.less */

.form-label-right {

display: inline-block;

white-space: normal;

float: left;

text-align: right;

}

/* line 182, http://www.jotform.com/themes/css/style.less */

.form-label-top {

white-space: normal;

display: block;

float: none;

text-align: left;

}

/* line 195, http://www.jotform.com/themes/css/style.less */

.form-all {

font-size: 12px;

}

/* line 207, http://www.jotform.com/themes/css/style.less */

.form-label {

font-weight: bold;

}

/* line 211, http://www.jotform.com/themes/css/style.less */

.form-checkbox-item label,

.form-radio-item label {

font-weight: normal;

}

/* line 278, http://www.jotform.com/themes/css/style.less */

.supernova {

background-color: #d5eef3;

}

/* line 280, http://www.jotform.com/themes/css/style.less */

.supernova body {

background-color: transparent;

}

/*

@width30: (unit(@formWidth, px) + 60px);

@width60: (unit(@formWidth, px)+ 120px);

@width90: (unit(@formWidth, px)+ 180px);

*/

/* | */

@media screen and (min-width: 480px) {

/* line 296, http://www.jotform.com/themes/css/style.less */

.supernova {

background-color: #69d2e7;

}

/* line 300, http://www.jotform.com/themes/css/style.less */

.supernova .form-all {

border: 1px solid #3dc5e0;

-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

}

}

/* | */

/* | */

@media screen and (max-width: 480px) {

/* line 316, http://www.jotform.com/themes/css/style.less */

.jotform-form {

padding: 10px 0;

}

}

/* | */

/* | */

@media screen and (min-width: 480px) and (max-width: 768px) {

/* line 322, http://www.jotform.com/themes/css/style.less */

.jotform-form {

padding: 30px 0;

}

}

/* | */

/* | */

@media screen and (min-width: 768px) and (max-width: 1024px) {

/* line 328, http://www.jotform.com/themes/css/style.less */

.jotform-form {

padding: 60px 0;

}

}

/* | */

/* | */

@media screen and (min-width: 1024px) {

/* line 334, http://www.jotform.com/themes/css/style.less */

.jotform-form {

padding: 90px 0;

}

}

/* | */

/* line 343, http://www.jotform.com/themes/css/style.less */

.form-all {

background-color: #d5eef3;

border: 1px solid transparent;

}

/* line 349, http://www.jotform.com/themes/css/style.less */

.form-header-group {

border-color: #addee8;

}

/* line 354, http://www.jotform.com/themes/css/style.less */

.form-matrix-table tr {

border-color: #addee8;

}

/* line 356, http://www.jotform.com/themes/css/style.less */

.form-matrix-table tr:nth-child(2n) {

background-color: #c1e6ed;

}

/* line 369, http://www.jotform.com/themes/css/style.less */

.form-all {

color: #3e4e1a;

}

/* line 374, http://www.jotform.com/themes/css/style.less */

.form-header-group .form-header {

color: #3e4e1a;

}

/* line 375, http://www.jotform.com/themes/css/style.less */

.form-header-group .form-subHeader {

color: #5c7427;

}

/* line 378, http://www.jotform.com/themes/css/style.less */

.form-sub-label {

color: #5c7427;

}

/* line 383, http://www.jotform.com/themes/css/style.less */

.form-label-top,

.form-label-left,

.form-label-right {

color: #3e4e1a;

}

/* line 389, http://www.jotform.com/themes/css/style.less */

.form-textbox,

.form-textarea,

.form-radio-other-input,

.form-checkbox-other-input,

.form-captcha input,

.form-spinner input,

.form-checkbox-item label,

.form-radio-item label {

color: #5c7427;

}

/* line 426, http://www.jotform.com/themes/css/style.less */

.form-line.form-line-active {

-webkit-transition-property: all;

-moz-transition-property: all;

-ms-transition-property: all;

-o-transition-property: all;

transition-property: all;

-webkit-transition-duration: 0.3s;

-moz-transition-duration: 0.3s;

-ms-transition-duration: 0.3s;

-o-transition-duration: 0.3s;

transition-duration: 0.3s;

-webkit-transition-timing-function: ease;

-moz-transition-timing-function: ease;

-ms-transition-timing-function: ease;

-o-transition-timing-function: ease;

transition-timing-function: ease;

background-color: rgba(255, 255, 255, 0.75);

}

/* ömer */

/* line 434, http://www.jotform.com/themes/css/style.less */

.form-radio-item,

.form-checkbox-item {

padding-bottom: 0px !important;

}

/* line 436, http://www.jotform.com/themes/css/style.less */

.form-radio-item:last-child,

.form-checkbox-item:last-child {

padding-bottom: 0;

}

/* ömer */

/*.ctrl-custom-size(@bgSize, @tickSize, @tickOffsetTop, @tickOffsetLeft, @radius) {input {

display: none;

}

label {

position: relative;

margin-left: 0;

}label:before {

content: '';

position: relative;

display: inline-block;

vertical-align: baseline;

margin-right: 4px;

.border-box();

.rounded(@radius);width: @bgSize;

height: @bgSize;

}label:after {

content: '';

position: absolute;

z-index: 10;

display: inline-block;

opacity: 0;top:@tickOffsetTop;

left:@tickOffsetLeft;

width: @tickSize;

height: @tickSize;

.rounded(@radius);

}input:checked + label:after {

opacity: 1;

}}*/

/* line 673, http://www.jotform.com/themes/css/style.less */

.form-single-column .form-checkbox-item,

.form-single-column .form-radio-item {

width: 100%;

}

/* line 1154, http://www.jotform.com/themes/css/style.less */

.supernova {

background-repeat: no-repeat;

background-attachment: scroll;

background-position: center top;

background-repeat: repeat;

}

/* | */

@media screen and (min-width: 480px) {

/* line 1177, http://www.jotform.com/themes/css/style.less */

.supernova {

background-image: url("//max.jotfor.ms/themes/img/blank.gif");

}

}

/* line 1184, http://www.jotform.com/themes/css/style.less */

#stage {

background-image: url("//max.jotfor.ms/themes/img/blank.gif");

}

/* | */

/* line 1198, http://www.jotform.com/themes/css/style.less */

.form-all {

background-image: url("//max.jotfor.ms/themes/img/blank.gif");

background-repeat: no-repeat;

background-attachment: scroll;

background-position: center top;

background-repeat: repeat;

}

/* line 1227, http://www.jotform.com/themes/css/style.less */

.form-header-group {

background-repeat: no-repeat;

background-attachment: scroll;

background-position: center top;

}

/* line 1254, http://www.jotform.com/themes/css/style.less */

.form-line {

margin-top: 12px;

margin-bottom: 12px;

}

/* line 1272, http://www.jotform.com/themes/css/style.less */

.form-line {

padding: 12px 36px;

}

/* line 1352, http://www.jotform.com/themes/css/style.less */

.form-all .form-dropdown {

-webkit-border-radius: 100px;

-moz-border-radius: 100px;

border-radius: 100px;

-webkit-appearance: none;

-moz-appearance: button;

appearance: none;

margin: 0;

}

/* line 1367, http://www.jotform.com/themes/css/style.less */

.form-all {

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

}

/* line 1371, http://www.jotform.com/themes/css/style.less */

.form-section:first-child {

-webkit-border-radius: 20px 20px 0 0;

-moz-border-radius: 20px 20px 0 0;

border-radius: 20px 20px 0 0;

}

/* line 1374, http://www.jotform.com/themes/css/style.less */

.form-section:last-child {

-webkit-border-radius: 0 0 20px 20px;

-moz-border-radius: 0 0 20px 20px;

border-radius: 0 0 20px 20px;

}

/* line 1402, http://www.jotform.com/themes/css/style.less */

.form-all .qq-upload-button,

.form-all .form-submit-button,

.form-all .form-submit-reset,

.form-all .form-submit-print {

font-size: 1em;

padding: 9px 15px;

font-family: "Tahoma", sans-serif;

font-size: 12px;

font-weight: normal;

}

/* line 1537, http://www.jotform.com/themes/css/style.less */

.form-all .form-pagebreak-back,

.form-all .form-pagebreak-next {

font-size: 1em;

padding: 9px 15px;

font-family: "Tahoma", sans-serif;

font-size: 12px;

font-weight: normal;

}

/*

TODO: Significant improvement possibility:following import statement is not required in design mode,

but it should be inside the exported css of current design, in the form itself

when it is shown to people. Being of this here, causing re-drawn problems.

we should find a way to only include this in css send while saving current designsee prepareModel4Save for implementation for @buttonFontType

*/

/*

& when ( @buttonFontType = google ) {

@import (css) "@{buttonFontLink}";

}

*/

/* line 1670, http://www.jotform.com/themes/css/style.less */

h2.form-header {

line-height: 1.618em;

font-size: 1.714em;

}

/* line 1677, http://www.jotform.com/themes/css/style.less */

h2 ~ .form-subHeader {

line-height: 1.5em;

font-size: 1.071em;

}

/* line 1691, http://www.jotform.com/themes/css/style.less */

.form-header-group {

text-align: left;

}

/*.form-dropdown,

.form-radio-item,

.form-checkbox-item,

.form-radio-other-input,

.form-checkbox-other-input,*/

/* line 1986, http://www.jotform.com/themes/css/style.less */

.form-captcha input,

.form-spinner input,

.form-error-message {

padding: 4px 3px 2px 3px;

}

/* line 2001, http://www.jotform.com/themes/css/style.less */

.form-header-group {

font-family: "Tahoma", sans-serif;

}

/* line 2022, http://www.jotform.com/themes/css/style.less */

.form-section {

padding: 0px 0px 0px 0px;

}

/* line 2033, http://www.jotform.com/themes/css/style.less */

.form-header-group {

margin: 13px 36px 13px 36px;

}

/* line 2044, http://www.jotform.com/themes/css/style.less */

.form-header-group {

padding: 24px 0px 24px 0px;

}

/* line 2065, http://www.jotform.com/themes/css/style.less */

.form-header-group {

background-color: ;

}

/* line 2087, http://www.jotform.com/themes/css/style.less */

.form-textbox,

.form-textarea {

padding: 4px 3px 2px 3px;

}

/*@textInputStyle: "ti-default";

@textInputBorderWidth: -1;

@textInputBorderStyle: -1;

@clrTextInputBorder: -1;

@clrTextInputBg: -1;

@clrTextInputFont: -1;

@textInputHeight: -1;

@textAreaHeight: -1;& when ( @formControlStyle = ti-default ) {}*/

/* line 2267, http://www.jotform.com/themes/css/style.less */

.form-dropdown {

-webkit-appearance: menulist-button;

border-style: solid;

}

/* line 2301, http://www.jotform.com/themes/css/style.less */

[data-type="control_dropdown"] .form-input,

[data-type="control_dropdown"] .form-input-wide {

width: 150px;

}

/* line 2363, http://www.jotform.com/themes/css/style.less */

.form-dropdown {

margin: 0;

border-color: #a6a6a6;

-webkit-appearance: menulist!important;

-moz-appearance: menulist!important;

appearance: menulist!important;

border-width: 1px;

}

/* line 2600, http://www.jotform.com/themes/css/style.less */

.form-header-group {

border-bottom: none;

}

/* line 2635, http://www.jotform.com/themes/css/style.less */

.form-label {

font-family: "Tahoma", sans-serif;

}

/* line 2655, http://www.jotform.com/themes/css/style.less */

li[data-type="control_image"] div {

text-align: left;

}

/* line 2659, http://www.jotform.com/themes/css/style.less */

li[data-type="control_image"] img {

border: none;

border-width: 0px !important;

border-style: solid !important;

border-color: false !important;

}

/* line 2701, http://www.jotform.com/themes/css/style.less */

.form-line-column {

width: auto;

}

/* | */

@media screen and (max-width: 768px) {

/* line 3021, http://www.jotform.com/themes/css/style.less */

.form-all {

border: 0;

width: 100%;

}

/* line 3022, http://www.jotform.com/themes/css/style.less */

.form-sub-label-container {

width: 100%;

margin: 0;

}

/* line 3023, http://www.jotform.com/themes/css/style.less */

.form-input {

width: 100%;

}

/* line 3024, http://www.jotform.com/themes/css/style.less */

.form-label {

width: 100%!important;

}

/* line 3025, http://www.jotform.com/themes/css/style.less */

.form-line {

padding: 2% 5%;

margin: 0;

}

/* line 3026, http://www.jotform.com/themes/css/style.less */

input[type=text],

input[type=email],

input[type=tel],

textarea {

width: 100%;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

}

/* line 3027, http://www.jotform.com/themes/css/style.less */

.form-header-group {

padding: 3% 0!important;

margin: 5%!important;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

}

/* line 3028, http://www.jotform.com/themes/css/style.less */

.form-buttons-wrapper {

margin: 0!important;

}

/* line 3029, http://www.jotform.com/themes/css/style.less */

.form-buttons-wrapper button {

width: 100%;

}

/* line 3031, http://www.jotform.com/themes/css/style.less */

table {

width: 100%!important;

}

/* line 3032, http://www.jotform.com/themes/css/style.less */

table td + td {

padding-left: 3%;

}

/* line 3035, http://www.jotform.com/themes/css/style.less */

.form-checkbox-item input,

.form-radio-item input {

width: auto;

}

}

/* | *//*__INSPECT_SEPERATOR__*/

 

I have tried all possible things I know of... but submit button is still showing. I know I am doing it wrong somewhere... I just dont know it.

Hi gmbph01,

Thank you for contacting JotForm Support. As I understand, you want to hide the submit button right? 

Regarding your question on where to put the css code. You can just add the custom css code at the top or at the bottom. Here's a guide on How to Inject Custom CSS.

#input_36 {display: none;}

/* line 82, http://www.jotform.com/themes/css/style.less */

.form-all { font-family: Tahoma", sans-serif; }

.... end

 

You can also hide the submit button by adding this custom css code:

.form-submit-button {display:none;}

 

If you're still having issues, please share the URL of the form you are working with so we can take a look at it. Hope this helps. Thank you.