Joomla.it Forum

Joomla! 3 => Joomla! 3 => Topic aperto da: Franciscus - 14 Set 2018, 17:04:38

Titolo: [RISOLTO]Dare al modulo un carattere diverso da quello standard
Inserito da: Franciscus - 14 Set 2018, 17:04:38
Buongiorno a tutti,
sono un po' imbarazzato nel rivolgermi a persone così esperte con una domanda probabilmente molto banale.
Mi piacerebbe entrare nel mondo per me molto nuovo della personalizzazione e ho visto che si basa sui codici CSS.
Per 10 anni e più ho gestito il mio sito accontentandomi dei settaggi standard dei moduli, ma mi piacerebbe fare qualche piccolo cambiamento estetico.
Ho installato il modulo Display date and time. Vorrei far comparire la scritta un po' più grande, in grassetto e centrata.
Si può fare?
Devo scrivere nel campo CSS oppure c'è una procedura diversa?
Grazie per l'aiuto
Titolo: Re:codici css
Inserito da: marine - 14 Set 2018, 17:09:14
Più che per la richiesta d'aiuto l'imbarazzo dovresti provarlo per il titolo del tuo post...Un titolo esplicativo del problema è fondamentale per ottenere il maggior aiuto possibile e mantenere oridinato e pulito il forum e, aspetto fondamentale, un post con un titolo esplicativo potrà tornare utilie a chi in futuro riscontrerà il tuo stesso problema.Quindi, cortesemente, ti chiedo di modificare il titolo attuale con uno esplicativo del tuo problema, grazie.

Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: Franciscus - 14 Set 2018, 17:13:13
Ho provato così, sperando che sia più chiaro.
Grazie
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: conti1 - 14 Set 2018, 18:18:29
ciao un link al sito sabbe utile.
rigurdo al titolo  chiedi caratteri diversi  e il tuo problema e solo centrare e dare del grossetto al tuo carattere poi vedi tu  se e la stessa cosa
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: tonicopi - 14 Set 2018, 19:31:05
Benvenuto nel magico mondo della personalizzazione di Joomla! Franciscus!  :D
Per prima cosa ti suggerisco di prendere confidenza con alcuni strumenti indispensabili allo scopo.
A tal proposito ti suggerisco la lettura del mio primo articolo scritto tanti anni fa ma che testimonia il mio entusiasmo e felicità per la scoperta di Joomla! e dei fantastici  strumenti con i quali è possibile adattare ogni aspetto al nostro desiderio.
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html (http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html)
Aggiungo che nel frattempo firebug è divenuto obsoleto e con firefox si usa adesso lo strumento incorporato Analizza elemento (che attivi con il tasto destro con il puntatore del mouse posato su un punto della pagina). Anche il browser google chrome ha fatto passi da gigante ed ha  di default lo strumento Ispeziona, ( attivabile nello stesso modo) tanto che in molti lo preferiscono a firefox.
Poi se metti un link al tuo sito come ti è stato suggerito, vedremo insieme come modificare l'aspetto di quel modulo.
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: Franciscus - 14 Set 2018, 20:40:37
Grazie per il tempo che mi state dedicando; cercherò di essere un bravo allievo.
Ecco il link al mio sito www.latinamente.it
Intanto ho letto l'articolo
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: sgiobbio - 14 Set 2018, 20:48:34
Attribuisci al modulo in questione una classe css, per esempio "grassetto", poi nel file custom.css definisci le caratteristiche, per esempio:

 .grassetto {
    text-align: center;
    font-size: 10px;
    font-weight: bold;}
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: Franciscus - 14 Set 2018, 20:59:57
Prima parte facile.
Non ho (trovato?) il file custom.css. Solo una cartella css nel template
 :(
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: adottauncane - 14 Set 2018, 21:38:22
Ciao,
mi sembra che il template usi gantry.
Qui trovi come aggiungere il file custom.css
http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: conti1 - 15 Set 2018, 00:30:52
Prima parte facile.
Non ho (trovato?) il file custom.css. Solo una cartella css nel template
 :(
non devi per forza metterlo nel css mensionato  apri un  foglio che sicuramente  avrai  r lo inserisci  e il gioco e fatto
prima  metti Suffisso classe CSS modulo come descritto
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: Franciscus - 16 Set 2018, 04:46:20
Ringrazio chi si sta adoperando per guidarmi alla risoluzione del problema.
Chiedo scusa ma non riesco a comprendere l'indicazione di Conti1; "apri un foglio" non so a quale foglio si riferisca, se è un file vorrei capire quale file è e in quale cartella si trova.
Quanto alla soluzione suggerita da Adottauncane, le indicazioni del sito Gantry, applicate con diligenza, non hanno condotto alla soluzione.
Ripeto per chiarezza il link al sito www.latinamente.it e il modulo Aggiungi Data e ora (sotto l'orologio)[size=78%] [/size]
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: marine - 16 Set 2018, 08:53:05
"apri un foglio" non so a quale foglio si riferisca, se è un file vorrei capire quale file è e in quale cartella si trova.

I file .css sono chiamati comunemente fogli di stile e solitamente si trovano dentro la cartella css del template
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: sgiobbio - 16 Set 2018, 08:55:40
Ciao Franciscus,io ho un sito con Gantry, e il file custom css l'ho messo in questo percorso con questo nome:

templates/gantry/css/gantry-custom.css

Tutte le regole css che questo file contiene vengono applicate correttamente e naturalmente sovrascrivono quelle originali
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: tomtomeight - 16 Set 2018, 09:12:49
Scusa sgiobbio non è quello che dice la guida su come inserire il file custom o forse la tua è una versione vecchia di gantry. Rischiamo, se non simo precisi, di confondere ulteriormente chi chiede il nostro aiuto senza volerlo.
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: sgiobbio - 16 Set 2018, 09:27:50
Chiedo scusa, ha ragione tomtomeight, la mia è una versione vecchia.
E' sempre bene cercare una guida e attenersi alle istruzioni.
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: Franciscus - 16 Set 2018, 09:39:15
Per dare un contributo di chiarezza posto due immagini con la struttura della cartella template e css (35 file).
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: $Red - 16 Set 2018, 12:22:03
Ciao, il template utilizza il framework gantry 4, per creare le regole css personalizzate il file deve essere inserito nella cartella /templates/NOME-TEMPLATE/css/ e deve avere questo nome NOME-TEMPLATE-custom.css quindi per modulus sarà, rt_modulus-custom.css

qui la documentazione ufficiale http://docs.gantry.org/gantry4/tutorials/adding-a-custom-stylesheet
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: tonicopi - 16 Set 2018, 13:46:38
Questo è il foglio di stile principale del tuo template:
http://www.latinamente.it/templates/rt_modulus/css/template.css (http://www.latinamente.it/templates/rt_modulus/css/template.css)
Se tu in fondo a questo ci metti la regola suggerita, per costruire la quale devi assegnare una classe al tuo modulo, essa dovrebbe funzionare. Ma tale foglio di stile verrà sovrascritto in caso di aggiornamento del template. Ecco perchè la procedura migliore sarebbe quella di predisporre un foglio di stile aggiuntivo, che dovrai mettere in questo percorso:
http://www.latinamente.it/templates/rt_modulus/css/rt_modulus-custom.css (http://www.latinamente.it/templates/rt_modulus/css/rt_modulus.custom.css)
Tutto chiaro?
Altra personalizzazione dovrebbe essere la sostituzione del logo. Non avevo fatto caso che stai usando il logo del template!  ;D ;D ;D
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: Franciscus - 16 Set 2018, 23:21:10
Apprezzo queste istruzioni molto chiare; credo di averle seguite con scrupolo, modificando il file originale template.css (ho salvato la versione originale per prudenza) aggiungendo con Notepad++ alla fine del file il comando suggerito da Sgiobbio, con un semplice copia/incolla.
Ho anche creato un file con il nome rt_modulus-custom.css suggerito da Tonicopi nella cartella css.
Poi nel campo styling del modulo "visualizza data e ora" ho inserito "grassetto".
Nessun esito visibile: la scritta Mediolani resta in formato standard.
Sono il primo ad essere dispiaciuto
(poi penserò al logo in calce)
 
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: adottauncane - 16 Set 2018, 23:31:04
Ciao,devi mettere grassetto senza virgolette e con uno spazio davanti.
Titolo: Re:Dare al modulo un carattere diverso da quello standard
Inserito da: adottauncane - 16 Set 2018, 23:36:07
Se non funziona metti questo:
Codice: [Seleziona]
.mod_datetime {

    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #7D272A;

}
poi cambi come vuoi i parametri.
Titolo: Re:[RISOLTO]Dare al modulo un carattere diverso da quello standard
Inserito da: Franciscus - 17 Set 2018, 09:02:37
 :-*  Grazie a tutti per il tempo che mi avete dedicato! vi adoro.
L'ultima soluzione è stata risolutiva
E ora non mi resta che affrontare il logo in calce (ci proverò!)