Joomla.it Forum
Joomla! 3 => Joomla! 3 => : marcothemix 29 May 2016, 16:59:49
-
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
(http://s33.postimg.org/jl5zqstnj/Cattura.png)
-
naturalmente è possibile, ma per indicarti dove e come occorre il link del sito
-
Link: http://www.fratticioli.joomlafree.it/portale/contatti (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?
(http://s33.postimg.org/55838vorj/Cattura.png)
(http://s33.postimg.org/4c1gg4mxr/Cattura.png)
-
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
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.
-
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:
(http://s33.postimg.org/9w19sw99b/Cattura.png)
Come è adesso:
(http://s33.postimg.org/jl5zqstnj/Cattura.png)
Grazie e buona serata
-
ottimo, usa solo la prima regola e non aggiungere nient'altro
-
Ciao,
puoi aggiungere questo al file custom.css
#jform_contact_message {height:250px;}
ciao giusebos :)
-
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.
-
ciao giusebos :)
ciao :)