Adding Custom CSS

Knowledgebase Docs » UberMenu 3
USEFUL? 5
UberMenu 3

Deciding where to place your custom CSS depends on how you manage your site.

You can put your CSS styles in any stylesheet that makes you happy. Your choice depends on an inherent trade-off in ease vs. maintainability.

Recommended Locations

UberMenu Custom CSS Tweaks – Best for small amounts of CSS

UberMenu includes a Custom CSS Tweaks setting in the Control Panel where you can paste custom CSS. This CSS will appear after UberMenu’s core CSS, allowing you to override UberMenu’s core styles with selectors of equal specificity.

More information: CSS Tweaks

UberMenu Custom Stylesheet – Best for significant amounts of CSS

You can also create a custom.css file in the UberMenu plugin to add your styles. This is better for larger amounts of CSS, for example, if you intend to write a custom skin.

This CSS will appear after UberMenu’s core CSS, allowing you to override UberMenu’s core styles with selectors of equal specificity.

This stylesheet does not exist and is not enabled by default. Please follow the instructions here to use the custom.css stylesheet: Custom Stylesheet (custom.css)

You child theme’s style.css

If you are storing your custom CSS in the child theme’s style.css, that’s a great way to keep all your customizations organized. Just keep in mind that your theme’s style.css may be loaded before the UberMenu CSS; if so, you will need to increase your selector specificity in order to override UberMenu’s default styles.

Locations to Avoid

ubermenu.css/ubermenu.min.css

Never, ever edit this file.

If you change the core UberMenu CSS, your edits will be overwritten when you update. Also, we won’t be able to assist you any longer, as you’ve changed the core functionality of the plugin.

UberMenu Skins – {skin}.css

Never edit these files.

If you change the skin files, your edits will be overwritten when you update.

Instead, copy your chosen skin and create a Custom Stylesheet (custom.css), which will allow you to maintain your changes.