Silly question possibly, but I need to ask it ..
The menu from the CategoriesHeaderMenu is CSS based.. Ok?
Please.. where do I locate the CSS for this.
I got the various class and id's by viewing the browser page source. THen in the styles.css I set my own bg image which is fine - tried to set the element width because it is rendering different to the page width and I am seeing a grey background behind my image with rounded corners - So, I set background image on the element to none, background-color to transparent, set border-radius to none but both still show although other changes I make such as font colour, size; li heights and so on are accepted. So, I am wondering where the CSS for the plugIn gets written too so I can examine it.
here is what I did in my Styles.css file to prove my point; the point being that regardless of what I am telling the elements to do the background of the CatHeaderMenu is still showing with rounded corners and a background color of #3C3C3C. If I add a background image it 'overlays' the gray, meaning if I make the element less than the page width the gray shows for the remainder. Any ideas?????
.sf-menu
{
border-radius:0px;
background-image:none;
background-color:transparent;
}
.categoriesHeaderMenu
{
border-radius:0px;
background-image:none;
background-color:transparent;
}
ul#SuperFishMenuId
{
border-radius:0px;
background-image:none;
background-color:transparent;
}
ul#SuperFishMenuId li
{
border-radius:0px;
background-image:none;
background-color:transparent;
}
Thanks