Joomla.it Forum
Joomla! 3 => Joomla! 3 => : Franciscus 14 Sep 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
-
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.
-
Ho provato così, sperando che sia più chiaro.
Grazie
-
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
-
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.
-
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
-
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;}
-
Prima parte facile.
Non ho (trovato?) il file custom.css. Solo una cartella css nel template
:(
-
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
-
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
-
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]
-
"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
-
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
-
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.
-
Chiedo scusa, ha ragione tomtomeight, la mia è una versione vecchia.
E' sempre bene cercare una guida e attenersi alle istruzioni.
-
Per dare un contributo di chiarezza posto due immagini con la struttura della cartella template e css (35 file).
-
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
-
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
-
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)
-
Ciao,devi mettere grassetto senza virgolette e con uno spazio davanti.
-
Se non funziona metti questo:
.mod_datetime {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #7D272A;
}poi cambi come vuoi i parametri.
-
:-* 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ò!)