1 (edited by md.michel 2018-09-22 08:38:46)

Topic: Contact form fields [SOLVED]

How to expand or reduce the fields width of the contact form (Kosel): name, email, texarea?
With css in the file index.html? If yes, can you help me to edit the line?
Perhaps there is another file to edit?

Re: Contact form fields [SOLVED]

The code that sets the widths of the contact form input fields in the Kosel theme can be found on line 611 of the '_themes/kosel/css/styles.css' file:

@media only screen and (min-width: 768px) {
  input[type=text],
  input[type=email] {
    width: 200px;
  }
  textarea {
    width: 700px;
  }
}

You can either change the values there or override the values by adding the code below (with your own values) to your '_themes/kosel/css/custom.css' file, e.g.:

@media only screen and (min-width: 768px) {
  input[type=text] {
    width: 300px;
  }
  input[type=email] {
    width: 400px;
  }
  textarea {
    width: 700px;
  }
}

Please note that the line number above refers to the current version of Showkase (v1.7.3).

I hope this helps.

Re: Contact form fields [SOLVED]

Thanks! Perfect as usual.

Re: Contact form fields [SOLVED]

You're welcome!