I have been having immense problems trying to change the background color of the submenu.
I modified the .submenu class background in the template .css and while the actual link appeared in the correct color, the rest of the box background was dark gray (#55555).
Then I looked at the source of the page and noted the following styles for the submenu.
<div class="shadowBottom" style="top: 24px; width: 129px; background-color: #888888;">
<img width="1" height="1" src="modules/mod_d4j_transmenu/img/x.gif">
</div>
<div class="shadowRight" style="left: 132px; height: 23px; background-color: #888888;">
<img width="1" height="1" src="modules/mod_d4j_transmenu/img/x.gif">
</div>
<div class="background" style="width: 132px; height: 24px; background-color: #555555;">
<img width="1" height="1" src="modules/mod_d4j_transmenu/img/x.gif">
The .css files the page is linked to is the template .css file and mod_d4j_transmenu.css but neither of these files has values for the styles above
I also checked the module editor and there is a value for submenu background, but it is not the same as the values above and there is no value for shadowRight and shadowBottom.
So my questions are:
1. Which .css file are these values coming from and how are they modified.
2. Why can't they be linked to the template .css like the main menu (in the next release of the module - hint!)
If you made the change above it would probably save hours of head-scratching by users and also posts to this forum.
Regards
Paul
