Ingrandire la TextArea "Inserisci Un messaggio" del componente Contatti

[marcothemix]

Ciao,
il campo "Inserisci un messaggio" del componente contatti è piuttosto piccolo, è grande come il campo nome o oggetto del messaggio.
Essendo una Text Area, l'utente col mouse può ingrandirla, è tuttavia possibile renderla fin da subito più grossa?

Grazie e buona giornata

[giusebos]

naturalmente è possibile, ma per indicarti dove e come occorre il link del sito

[marcothemix]

Link: http://www.fratticioli.joomlafree.it/portale/contatti

Ho inoltre notato che non è responsive o sbaglio?
Dall'inspector noto che usa del css legacy, come mai?

[giusebos]

per le misure devi intervenire nel file:
http://www.fratticioli.joomlafree.it/portale/templates/wt_inspire_free/css/template.css


alla regola scritta alla riga 1225

Codice: [Seleziona]

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: none !important;
  color: #555555;
  display: block;
  font-size: 14px;
  height: 40px;                <<<<<<<<<-----aumentando i pixel aumenti l'altezza
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
aggiungendo

width: 100%;   dopo   height: 40px;

otterrai che la larghezza del campo sia larga quanta il content e varrà per tutti i box.

[marcothemix]

Grazie per la risposta.


Tuttavia vorrei che solo il box dedicato al messaggio abbia un'altezza superiore come è normale che sia.
Non voglio ingrandire l'altezza di tutti i campi.


Come lo vorrei:

Come è adesso:





Grazie e buona serata

[giusebos]

ottimo, usa solo la prima regola e non aggiungere nient'altro

[adottauncane]

Ciao,
puoi aggiungere questo al file custom.css

Codice: [Seleziona]

#jform_contact_message {height:250px;}
ciao giusebos 

[marcothemix]

Ok grazie, ho applicato i vostri consigli ed ora la text area è della giusta altezza tuttavia il modulo contatti non è responsive.
Sto usando un template gratuito basato su Helix3 Framework, possibile che il modulo contatti non sia responsive?
Se imposto il template predefinito di Joomla, la text area è già delle giuste dimensioni ed è responsive.

[giusebos]

ciao giusebos 

ciao