Hi, this is probably a really basic question, but I'm going to ask it anyway at the risk of looking stupid
I just downloaded ARI Ext Menu for my site (privateerdays.ca). I got it to work (I've since disabled it, for now, and re-enabled the normal Main Menu module), but my question regards how it looks.
When I enabled it, the main menu looked different than how my own CSS file makes the main menu look. How do I make my own CSS file take over the styling of the ARI menu?
If it helps any, this is what my current CSS looks like for my main menu, in my CSS file:
Code: |
/* ------------------- MAIN MENU PROPERTIES ------------------ */
.moduletable_menu a
{
outline: none;
font: 1.6em 'IM Fell English', sans-serif;
letter-spacing: 0.0px;
line-height: 32px;
color: white;
padding: 0px 12px 0px 12px;
vertical-align:top;
text-shadow: 2px 2px 1px #0F0F0F;
}
.moduletable_menu a:hover
{
color: #FDD017;
text-decoration: underline;
text-shadow: 2px 2px 1px #0F0F0F;
}
.moduletable_menu a:active
{
color: yellow;
text-shadow: none;
}
|
Thanks!
Dave