Modificare singola voce del menu - template beez20

[lucmel]

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!

[giusebos]

Si certo che possiamo aiutarti.

[lucmel]

...perfetto! attendo con ansia l'aiuto di qualcuno allora! 

[bardzero]

ok ... ma il sito?
metti un link al sito per favore

[lucmel]

il sito è questo: www.kitchitalia.com. il menu in questione è il principale. vorrei modificare solo "una" tra quelle voci. Grazie!

[bardzero]

bene ... e quale voce vorresti modificare?

[lucmel]

"Associati" ...per ora ho messo solo una "rustica" freccetta a sinistra...

[bardzero]

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;
}

[lucmel]

grazie per la repentina risposta, tutto questo va fatto nel css del template o nel file della pagina principale?

[bardzero]

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

[lucmel]

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...

[lucmel]

no, non cambia il colore del font, ma solo dello sfondo...

[bardzero]

controlla bene il testo che ti ho incollato...
ispezionando non vedo modifiche che ti ho indicato

[adottauncane]

Ciao lucmel,
aggiugi !important
e metti sempre l'item davanti altrimenti ti cambia anche gli altri:

Codice: [Seleziona]

.item-114 a:link {
    color: red !important;

}

.item-114 a:hover {
    background: gray !important;
    color:yellow !important;
}

[lucmel]

perfetto! grazie a tutti!
Posto la soluzione nel caso servisse ad altri:


ho aggiunto a layout.css:

Codice: [Seleziona]

.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? ).
Importante mettere !important
grazie a tutti per l'aiuto!


P.S. metto [RISOLTO]

[Effedi]

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 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