[RISOLTO] - Protostar, modificare la sezione contatti in Responsive?

[Snt®hw4u®]

Ciao a tutti,
su un mio sito com joomla 3.2.0:

www.pizzeriabemitempi.it

ho usato il template protostar.

Se vado nella pagina contatti da uno smartphone:

http://www.pizzeriabemitempi.it/contattaci.html

La parte dei moduli da riempire e il plugins captcha non sono responsive come il resto del template.

Come posso risolvere?

Mattendo a capo il campo? e per il modulo captcha?

Ciao e Grazie

[giusebos]

semplifica la pagina eliminando gli elementi di disturbo tipo l'immagine dei tasti della macchina da scrivere, trova un re-captcha più stretto e riduci la frase "Invia un'email. Tutti i campi contrassegnati da * sono obbligatori."

Ci ho mangiato in quella pizzeria

[BelinBelan]

ciao sntxxx (o faccio il copia incolla o non riesco a scriverlo!) 


http://bootstrapdocs.com/v2.0.4/docs/base-css.html


qui trovi tutte le classi cSS da applicare al form usando l'override, ovviamente 


Segui anche l'ottimo consiglio di giusebos! 

[Snt®hw4u®]

Ho trovato la soluzione.

Per primo ho creato un file Css personal dentro il template e l'ho aggiunto nel index.php del sito.
Così ho evitato di fare ulteriori danni... 

Codice: [Seleziona]

// Add Stylesheets
$doc->addStyleSheet('templates/'.$this->template.'/css/template.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/personal.css');

Nel file personal.css ho inserito la seguente sintassi:

Codice: [Seleziona]

/*modulo contatti responsive*/
.form-horizontal .control-label{
float: none;
width: 100%;
text-align: left;
}
.form-horizontal .controls {
float: none;
width: 93%;
}

Poi ho installato il plugin captcha dalla JED:

n3t Seznam:

http://extensions.joomla.org/extensions/access-a-security/site-security/captcha/21819?qh=YTo1OntpOjA7czo3OiJjYXB0Y2hhIjtpOjE7czo4OiJjYXB0Y2hhcyI7aToyO3M6OToiY2FwdGNoYSdzIjtpOjM7czo4OiInY2FwdGNoYSI7aTo0O3M6ODoiY2FwdGNoYSciO30%3D

Dopo ho creato l'ovverride della lingua modificando e aggiungendo le seguenti voci:

Codice: [Seleziona]

COM_CONTACT_FORM_LABEL                     Inviaci un'email     
PLG_CAPTCHA_N3TSEZNAMCAPTCHA_AUDIO         Ascolta il Codice     
PLG_CAPTCHA_N3TSEZNAMCAPTCHA_CAPTCHA     Codice Captcha         
PLG_CAPTCHA_N3TSEZNAMCAPTCHA_RELOAD     Ricarica Codice

E sembra tutto funzionare.

Nota: sul sito uso Joomla 3.2.2

Ciao e Grazie per le dritte!