Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : genna35 05 May 2014, 13:56:22
-
Ciao a tutti, vi chiedo una mano per il problema in oggetto: dovrei modificare il peso dei font di questo bel template di joomfreak, in particolare degli articoli (anche su k2).
Ho provato a cambiare qualche parametro nel file template.css, ma si vede che sbaglio qualcosa..
Sono alla prime armi, si è capito? ;D
Grazie!
-
Ciao genna35,
serve un link al sito.
-
ciao e grazie della risposta.
il sito lo sto facendo in locale, ma qui c'è la demo (che ho utilizzato come base):
http://www.joomfreak.com/demo/jf_creativia/ (http://www.joomfreak.com/demo/jf_creativia/)
-
Ma esattamente quali (e dove) font vuoi cambiare? Per peso intendi che li vuoi bold?
Per la pagina about ad esempio, se vuoi il carattere bold devi aggiungere il css qui:
div.contact, div#k2Container, div.blog, div.item-page { font-weight: bold; position: relative; z-index: 9;}
template.css riga 170
-
intanto grazie! in questo caso tutti gli articoli hanno il testo bold il che mi va anche bene a livello di visibilità. ma oltre che agire su normal/bold, posso dare un valore numerico al peso del testo? esempio: 400, 500, 600, ecc?
Poi, posso agire anche sui menu/submenu?
grazie mille :)
-
Non so cosa sia il peso 500, 600 ecc.
Sul menù puoi intervenire qui:
div.main_menu li a, div.main_menu li span.separator { color: #6E6E6E; cursor: pointer; display: block; font-size: 24px; font-weight: bold; padding: 7px 0 25px 23px; text-decoration: none; text-transform: lowercase;}
menu.css riga 9
e anche in altri punti, prova con Firebug per Firefox così vedi esattamente dove/come.
-
Ah, sì, metti sempre font-weight:500; Non so se sia supportato da tutti i browser però. Fai una ricerca con Google.
-
ancora grazie adottauncane, faccio un po di prove e poi aggiorno la discussione!
:)
-
perfetto, si! da li riesco a fare quello che voglio. Le ultime due curiosità legate a questo template, poi non stresso piu!! ;D
A proposito di menu principale: non riesco a mettere la lettera grande nelle voci di menu.. cioè, la scrivo nel nome voce, viene riportata correttamente nella barra del browser come nome pagina, ma non nella voce di menu:
(http://i1144.photobucket.com/albums/o499/genna35/monitor/home_zpsf98c7316.jpg)
Poi, ultima cosa, riguarda la barra dei sottomenu: non si adatta alla lunghezza del testo.. c'è modo di renderla adattabile o di modificarne la lunghezza?
(http://i1144.photobucket.com/albums/o499/genna35/monitor/lenghtbar_zps38e621e6.jpeg)
Grazie!
-
Per la prima togli:
text-transform: lowercase;
da qui:
div.main_menu li a, div.main_menu li span.separator { color: #6E6E6E; cursor: pointer; display: block; font-size: 24px; padding: 7px 0 25px 23px; text-decoration: none; text-transform: lowercase;}
menu.css riga 9
per la seconda prova così:
div.main_menu li ul li a, div.main_menu li ul li span.separator { border-bottom: 1px solid #EDEDED; padding: 7px 20px; width: 100%;}menu.css riga 11
e allarga i
width: 200px; qui:
div.main_menu li ul { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EDEDED; border-radius: 3px; box-shadow: 0 0 15px #666666; left: -999em; margin: 0; padding: 0; position: absolute; top: 50px; width: 200px; z-index: 999;}
menu.css riga 4
-
grazie, gentilissimo!!! ;)