Salve a tutti,
ho provato a leggere i post precedenti ma non sono riuscito a cambiare il colore di sfondo di una singola voce di menų, nel mio caso specifico l'item-219.
Ho questo html:
<div class="main_menu">
<ul class="menu">
<li class="item-101 current active">
<li class="item-102 deeper parent">
<li class="item-103">
<li class="item-107 deeper parent">
<li class="item-108 deeper parent">
<li class="item-104">
<li class="item-181 deeper parent">
<li class="item-183">
<li class="item-219">
<a href="/index.php?option=com_users&view=profile&Itemid=219">Welcome!
</li>
</ul>
<>
a cui corrisponde questa parte di css :
.main .
main_menu {
border:
none !important;
padding:
0 !important}
.main_menu {padding: 0 0 0 !important; }.main_menu ul.
menu li {
position:
relative;
list-style:
none;
display:
inline;
float:
left;
vertical-align:
bottom ;
height:
50px; }
.main_menu ul.
menu li:
first-child {
margin:
0}
.main .main_menu {border:none !important; padding:0 !important}.main_menu ul.menu > li > a:hover, #header ul.menu > li.current > a:hover, .deeper.active > a {color:#303030 !important; background:#fff !important }.main_menu ul.
menu >
li.
current >
a{
color:
#303030 !important;
background:
#fff !important }
.main_menu ul.
menu >
li.
current.
parent >
a{}
.main_menu ul.
menu >
li >
a{
color:
#fff;
font-size:
13px;
font-weight:
400;
display:
block;
text-decoration:
none;
display:
inline ;
text-transform:
uppercase;
float:
left;
text-align:
center;
text-transform:
uppercase;
border-left:
0;
padding:
0 22px 0;
line-height:
50px;
height:
50px;
font-family:
"Trebuchet MS",
Arial,
Helvetica,
sans-serif;
font-weight:
bold }
.main_menu ul.
menu >
li.
parent >
a { }
.main_menu ul.
menu >
li:
first-child >
a { }
Ho provato a definire l'item-219 nel css con un colore differente ma non fa niente.
Potete aiutarmi? Grazie!!!
