Hi
I am sure this is obvious but I can't seem to figure out how to change the font style and size for the store menu. There are 2 css where the store menu shows up and I have tried everything but can't seem to get anything to change except the Parent category header and in active state it reverts back to no style.
this is what the menu looks like with default style - I am trying to change the style to verdana 10px for the items and 12px for the Parent.
Parent Category
category 1
category 2
category 3
Can anyone shed some light on this? Thanks for the help!
1. font-styles.css
/* Module Store Menu */
/* Categories */
/* ========== */
.Store-CategoryMenu-Entity {
font-size:12px;
color:#686a6f;
}
.Store-CategoryMenu-ItemSelected A:link,
.Store-CategoryMenu-ItemSelected A:active,
.Store-CategoryMenu-ItemSelected A:visited,
.Store-CategoryMenu-ItemSelected { color:#0d69b2; text-decoration:none; }
.Store-CategoryMenu-ItemSelected A.:hover { text-decoration:underline; }
.Store-CategoryMenu-Item A.:link, .Store-CategoryMenu-Item A.:active, .Store-CategoryMenu-Item A.:visited, .Store-CategoryMenu-Item { color:#0d69b2; text-decoration:none; }
.Store-CategoryMenu-Item A.:hover {text-decoration:underline; }
2. Common.css
/* Module Store Menu */
/* Categories */
/* ========== */
.Store-CategoryMenu-Entity { }
.Store-CategoryMenu-Header { }
.Store-CategoryMenu-ItemSelected A:link,
.Store-CategoryMenu-ItemSelected A:active,
.Store-CategoryMenu-ItemSelected A:visited,
.Store-CategoryMenu-ItemSelected { }
.Store-CategoryMenu-ItemSelected A.:hover { }
.Store-CategoryMenu-Item A.:link,
.Store-CategoryMenu-Item A.:active,
.Store-CategoryMenu-Item A.:visited,
.Store-CategoryMenu-Item { }
.Store-CategoryMenu-Item A.:hover { }
.Store-CategoryMenu-Footer { height:5px; }