I have successfully installed Superfish by installing the Libraries module, downloading the Superfish library and putting it in /sites/all/libraries, and installing the Superfish module.

Now I would like to customize the look of it. The pre-built styles that show up in the drop-down in the Superfish Configuration could be a decent starting point, but I really would like to get into the details and get the measurements and colors just right.

How can I do this?


You need to overwrite the styles in your own custom stylesheet. Use firebug to find which styles you would like to adjust.

Keeping it in your custom stylesheet will keep the styles from being lost when you update the module.

  • So do I copy the "simple" style, and rename it? I tried copying one of the color styles - the blue.css, and renaming it, but it didn't show up in the dropdown list of styles to select in the configuration. – Matt Brand Jan 3 '13 at 20:50
  • Just use the preset that gets you closest to what you need, and then override the styles in your main stylesheet. It won't generate a custom dropdown item. – jsheffers Jan 3 '13 at 20:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.