Joomla.it Forum
Joomla! 3 => Joomla! 3 => : RISC 15 Sep 2013, 03:24:11
-
Joomla 3.1, template siteground j16-12
Vorrei diminuire la dimensione del box Cerca perchè esce dalla larghezza della colonna, come potete vedere qui:
http://www.squamata.it/portal (http://www.squamata.it/portal)
Grazie
-
Apri quel modulo e assegnali un suffisso nel Suffisso Classe Css Modulo tipo _mio.
Poi scrivi questa regola in fondo al tuo template.css:
.module_mio { text-align: right;}
E' tutto.
Ho cancellato quell'inutile codice che hai incollato nel post e che sporca il forum.
Quando metti un link al sito chiunque può perlustrare il codice.
Se hai risolto poi aggiungi un RISOLTO nel titolo del primo post per favore?
-
Grazie per l'intervento.
Non ho capito dove devo aggiungere in suffisso esattamente (non sono molto pratico ;) ).
-
Devi andare in Estensioni > Gestione moduli e cercare il modulo cerca.
Devi aprirlo e tra i parametri impostabili a destra troverai un box che si chiama Suffisso Classe CSS modulo. Lì dentro devi scrivere il suffisso.
;)
-
Ok non avevo notato le impostazioni avanzate.
Ho apportato la modifica ma non funziona, o meglio l'unico effetto è che la scritta Cerca è allineata a destra (l'ho lasciata così, in modo da mostrartela), ma non è questo che mi serve fare.
Devo ridurre la dimensione del box di ricerca affinchè resti dentro l'area grigia del relativo menù, area che tra l'altro è scomparsa dopo questa modifica.
Altri suggerimenti?
In alternativa, potrei spostare la posizione in Menuload per farlo coincidere con la barra orizzontale dell'header, ma come avevo scritto nel primo messaggio, anzichè posizionarsi li, compare all'altezza del titolo della pagina (tra "Articolo" e "Stampa"), o se fosse più semplice in alto allapagina a destra, ma non c'è tra le posizioni...
-
Lo avevo guardato solo con firefox e con chrome. Vedo che con IE si mantiene troppo largo
Regola la larghezza del campo inserendo questo regola nel template.css
.input-medium {
width: 150px;
}
-
Ok, così "abbiamo" :) allineato a destra e ridotto la dimensione.
Ma con il suffisso _mio è scomparsa l'are grigia che sta sotto ad ogni barra verde, e lo rende diverso dal resto dello stile.
Si può risolvere?
-
Si. Cambia il suffisso da così _mio a così mio (attenzione: lasciando uno spazio al posto del trattino!) e la regola nel css cambiala così al posto di .module_mio:
.mio {
text-align: right;
}
Vediamo se riusciamo a scrivere il RISOLTO :)
-
Ma che stregoneria...
guarda il titolo! ;)
Grazie.
Magari vorrò fare delle prove per mettere il cerca dell'header, aprirò un nuovo topic (o continuo qui?) ma sari personalmente avvisato. ;)
-
Meglio aprire un nuovo topic. Stai però profondendo forze ed energie che, se pur utili per apprendere, sono però mal spese. Io non perderei tempo su un template neanche responsivo, al giorno d''oggi che la navigazione con piccoli dispositivi è in grandissima espansione....