Custom Menu Class Style problem
I've added a class to one of the secondary menu links (.shop) and the following custom CSS under theme options:
.shop {
background: #a90329;
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}
.shop a {
color: #ffffff;
}
The background color changes fine, but not the link text color, I've tried '#access-secondary .menu .shop', '.menu .shop','ul .shop' etc, etc, but can't seem to get it to work.
I'm thinking that some predefined identifier in the theme is overriding my custom class for the link, but I'm not sure.
Great theme by the way, one of the best I've seen, will be going pro before the site is live (on a development server at the moment).
Thanks