Hi there,
We're enjoying using megamenu! We are having trouble stopping the automatically generated css file from over-riding our custom css file for some selectors.

We have made a custom css file in: /sites/all/libraries/megadrupal/megamenu/md-megamenu.css and have selected 'custom style' in the dropdown option in Configure > Design. On the screen below this we are not using any configure declarations for text at all, only for borders. We would rather over-ride any Type custom settings made in the Configure > Text and Typography tab.

We will have a number of different mega menus on the site, all with the same formating. So we'd like to make the css in md-megamenu.css general to all the menus. This file is nicely enabling us to target all the megamenus. So far so good...

However, we haven't been able to over-ride the css that is called in the automatically generated css file located in /sites/default/files/megamenu-1-custom.css, or the corresponding other specific megamenu-x-custom.css files, where 'x' is the number of the mega menu. We particularly don't want to have to call selectors like megamenu-1 in our custom md-megamenu.css, since that would defeat the purpose of having styles generic to all megamenus.

So, how can we override these automatically generated custom files within the /default/files folder?

Thanks for your help.