Contact form can't input text

[SimonWakeus]

Hi guys. 

So for some reason, I cannot add text to my contact forms. I can add name, email but not text. The support says it has something to do with my coding but I don't think I have touched this. Could anyone please, please have a quick look? 

Thank you very much in advance. 

Simon 

.wsite-form-input,
.wsite-search-element-input,
.form-select,
.wsite-form-field select,
.wsite-com-product-option-groups select,
.form-radio-container,
input[type='radio'],
input[type='checkbox'] {
color: @fill;
font-family: @font1;
font-size: 14px;
font-weight: normal;
line-height: 0;
border-radius: 0;
max-width: 100%;
min-width:1%;
.transition(all 300ms ease-in);
}

.wsite-form-input,
.wsite-search-element-input,
.form-select,
.wsite-form-field select,
.wsite-com-product-option-groups select {
height: auto;
max-width: 100%;
min-width: 1%;
padding: 10px 20px;
margin-bottom: 0px;
background: @FFFFFF;
border: 1px solid fade(@fill, 20%);
border-radius:20px;

&:hover {
border-color: @fill;
}
&:focus {
border-bottom: 1px solid @fill;
}
}

.form-select,
.wsite-form-field select,
.wsite-com-product-option-groups select {
text-indent: 0.01px;
text-overflow: '';
height: 40px;
background: transparent url(images/select-dropdown.png) 97% center no-repeat ;
width:200px;
}

.wsite-form-field,
.wsite-com-product-option-groups {
input[type='radio'],
input[type='checkbox'] {
width: 20px;
height: 20px;
border: 1px solid fade(@fill, 30%) !important;

&:hover,
&:checked {
border-color: @fill !important;
}
}

input[type='radio'] {
border-radius: 100%;

&:after {
display: block;
border-radius: 100%;
box-sizing: border-box;
content: '';
}

&:checked:after {
background: @fill;
border: 4px solid @bg;
width: 18px;
height: 18px;
}
}

input[type='checkbox'] {
&:after {
position: relative;
top: 2px;
left: 6px;
width: 4px;
height: 8px;
border: solid transparent;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

&:checked {
background: @bg;
}

&:checked:after {
display: block;
border-color: @fill;
content: ' ';
}
}
}

[Adam7]

Can you post a link to the site where you made changes, @SimonWakeus?

[SimonWakeus]

Hi @Adam 

sure. It's www.professionalsecrets.se 

You might need to use a VPN to not come to our english website (www.professionalsecrets.com). If you do however, please press the Swedish flag (blue and yellow) at the right top corner. 

Once you're in (you should notice if you are by the language) scroll down to the footer and go to "registrera produkt". The large field does not work on desktop. It hasn't for a week now which is really frustrating for all our visitors. 

Thank you very much!

Best, 

Simon