[RISOLTO] Centrare modulo nei template

[tamedef]

Ciao ragazzi, sto diventando matto per centrare uno modulo slideshow che ho inserito nella posizione "title" del template. Questo è il sito: http://www.nutrizionistariccardomattolin.it/ ho cercato nel template.css ma non ho trovato nessuna riga che si riferisse alla posizione di "title". Inoltre sono stupito che non ci sia una plugin o una funzione in Joomla 3.X che ti permetta di selezionare la posizione del modulo all'interno dei div!!!
Spero riusciate a darmi qualche dritta...grazie mille.

[adottauncane]

Ciao
aggiungi questo:

Codice: [Seleziona]

.banner_slider {
  margin:auto;
}
o nel file template.css o, maglio, fai un costum.css e mettilo lì.

[tamedef]

Grazie mille, funziona alla grande. Ora l'unico problema che mi dà è al momento dell'apertura della pagina che mi compaiono tutti i vari header insieme e poi il layout torna regolare, ma quello credo sia un problema del modulo.
Grazie ancora

[adottauncane]

Prima non lo faceva?

Ma, prova a aggiornare quello di prima con questo:

Codice: [Seleziona]

.banner_slider {    height: 180px !important;    margin: auto;    position: relative !important;}

[tamedef]

Si lo faceva anche prima purtroppo. Mmm aggiornato con questa stringa continua a farlo e si è allineato di nuovo a sinistra.

[adottauncane]

Rimetti come prima...

[tamedef]

Alla fine ho dovuto cambiare modulo, non sono riuscito a risolvere il problema relativo alla visualizzazione in apertura di pagina di tutte le immagini insieme, questo va benissimo. L'unica cosa che non riesco a sistemare è lo spazio che mi lascia con la pagina, non vorrei che orizzontalmente finisse attaccato alla pagina, lasciare un bordo di almeno una 30ina di pixel. Quale opzioni avrei? Modificare il template nel div in questione o il modulo dello slideshow?
Grazie

[adottauncane]

Aggiungi questo:

Codice: [Seleziona]

#camera_wrap_97 {
margin-left:30px;
  margin-right:30px;
}
dovrebbe modificare solo quella slide. Se cambi ID però non andrà più bene.

[tamedef]

Funziona perfettamente. Grazie mille. Certo se lo disinstallo o cambio modulo farò attenzione al nuovo id assegnatogli.

[tamedef]

Vorrei capire una cosa sempre inerente al sito con il quale sto tribolando, dopo il centramento del modulo header vorrei modificare lo spazio presente fra il main body e i componenti o moduli contenuti al suo interno (c'è troppo spazio fra l'header e il resto della pagina) come add-on di chrome utilizzo firebug per capire la struttura della pagina e cercare quello che devo andare a modificare...ma non riesco nel template a trovare la posizione che mi interessa. Sapreste darmi una mano?
Grazie

[adottauncane]

....

Sbagliato...

[tamedef]

Ho provato ma cambiando il valore dell' height non succede nulla. Ma non dovrei fare in modo che la posizione di sp-component e sp-right siano più a ridosso del sp-main-body? Io con firebug individuo questi div...o toppo alla grande? 

[adottauncane]

Scusami tamedef, ho sbagliato tread... Ora guardo il tuo...

[adottauncane]

Questo per alzare il content

Codice: [Seleziona]

#sp-main-body {
    padding: 20px 0;
}
Per non correggere il file basta aggiungerlo al fondo del file template.css
Però sarebbe meglio fare un file costum.css e mettere tutte le modifiche lì.

[tamedef]

perfetto funziona alla grande, grazie mille. Però scusami adottauncane, non capisco la differenza fra il comando padding e margin, e lo 0 è il valore legato al piano orizzontale?

[adottauncane]

Il margin è lo spazio fuori dal contenuto, o dal modulo o dalla posizione. Il padding invece è all'interno di questi. Visivamente non cambia in questo caso ma, per le posizioni laterali ad esempio, con il margin si staccano dal content, mentre con il padding stacchi immagini o scritte dal bordo interno del modulo.

I padding e i margin sono quattro

padding-left o margin-left
padding-right o margin-right
padding-top o margin-top
padding-bottom o margin-bottom

oppure li puoi scrivere di seguito

padding: 10px 15px 10px 7px;

se uguali basta una volta o due.

Non mi ricordo la sequenza però...
 

[tamedef]

   fantastico, ora tutto è più chiaro...mi metterò a giocare un pochino con questi comandi che sono fantastici.
Grazie mille ancora

[tamedef]

Sono tornato a giocare con la parte sopra l'header e stavo litigando con l'aggiunta di un logo nel div sp-logo accanto alla scritta con il nome del sito. Quindi vorrei aggiungere un immagine, però questa essendo il template responsive dovrebbe ridimensionarsi con esso e magari scomparire sotto una certa risoluzione. Troppo complicato?

[adottauncane]

Metti risolto a questo tread e aprine uno nuovo con il link al sito.