Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : lucmel 10 Jun 2012, 14:49:24
-
salve a tutti,
dovrei modificare una singola voce del menu nel template Beez20 in modo da rendere solo quella voce in grassetto o magari cambiarla colore. Qualcuno è in grado di aiutarmi?? vi ringrazio anticipatamente!
-
Si certo che possiamo aiutarti.
-
...perfetto! attendo con ansia l'aiuto di qualcuno allora! ;)
-
ok ... ma il sito?
metti un link al sito per favore
-
il sito è questo: www.kitchitalia.com. il menu in questione è il principale. vorrei modificare solo "una" tra quelle voci. Grazie!
-
bene ... e quale voce vorresti modificare?
-
"Associati" ...per ora ho messo solo una "rustica" freccetta a sinistra...
-
ok devi focalizzare la tua attenzione su .item-114
ad esempio:
per cambiare lo sfondo in blue
.item-114 {
background: blue;
}
per cambiare invece il colore del font
.item-114 a:link, a:visited {
color: red;
}
-
grazie per la repentina risposta, tutto questo va fatto nel css del template o nel file della pagina principale?
-
non mi pare che .item-114 sia già definito da qualche parte quindi secondo me puoi farlo in uno qualunque dei css
per "ordine" potresti aggiungere a:
http://www.kitchitalia.com/templates/beez_20/css/layout.css (http://www.kitchitalia.com/templates/beez_20/css/layout.css)
-
ok, ci provo e vi faccio sapere. pero ora l'ho aggiunto al css general. ma mi cambia solo il colore di sfondo, tutte le altre modifiche non le fa. provo a inserire il codice dove dici te!
grazie...
-
no, non cambia il colore del font, ma solo dello sfondo...
-
controlla bene il testo che ti ho incollato...
ispezionando non vedo modifiche che ti ho indicato
-
Ciao lucmel,
aggiugi !important
e metti sempre l'item davanti altrimenti ti cambia anche gli altri:
.item-114 a:link {
color: red !important;
}
.item-114 a:hover {
background: gray !important;
color:yellow !important;
}
-
perfetto! grazie a tutti!
Posto la soluzione nel caso servisse ad altri:
ho aggiunto a layout.css:
.item-114 { background: #CCC !important; }.item-114 a:link { color: red !important; font-weight:bold !important;}.item-114 a:visited{ color: red !important; font-weight:bold !important;}.item-114 a:hover { background: gray !important; color:#06F !important; font-weight:bold !important;}
è importante sapere in nome dell'"item" del menu ispezionando il codice della pagina (giusto? :D ).
Importante mettere !important :) :) :)
grazie a tutti per l'aiuto!
P.S. metto [RISOLTO]
-
Scusate ma non voglio riaprire il topic ma semplicemente mi trovo con lo stesso problema non sono riuscito a risolvere.
ho questo sito www.cartaeritrea.it (http://www.cartaeritrea.it/) realizzato in 4 lingue e da poco è stata aggiunta la voce di menù "Nuovi Prodotti".
Si vorrebbe evidenziare con altro colore e formattazione del testo, solo di questa voce ma non riesco a venirne fuori.
Io non trovo i file a cui si fa riferimento:
tdefault.css
joomlastyle.css
Ho provato a scrivere il codice in template.css ma non varia nulla
Mi potete dare una mano?
Grazie e scusate per aver scritto ad un topic RISOLTO, ma era per non aprirne uno nuovo identico
Risolto anche io grazie a adottauncane
in questo topic http://forum.joomla.it/index.php?topic=165124.0 (http://forum.joomla.it/index.php?topic=165124.0)