Rocket Mode

This manual refers to CSS Hero v2.
If you are looking for the v3 manual, head over here.

Since  CSS Hero version 1.2  users have being able to run  Rocket Mode on their sites. This feature is of great help for editing with CSS Hero unsupported Themes. Rocket mode, as most advanced functions of CSS Hero, runs much better on Google Chrome.

What does Rocket Mode mean?

With Rocket mode, many unsupported themes (opposed to the “Hero Ready themes“) can be edited with CSS Hero without configuration of the CSS selectors; enabling Rocket mode will basically parse the Theme’s CSS and define the  appropriate selectors. It can definitely help getting started where a configuration file is not provided and the user does not want to manually enter the CSS selectors.

Rocket mode runs better on simple themes, and is to be considered a beta feature. While it won’t work on all WordPress Themes, it can give positive results on many ones, especially simple, well crafted ones.

Rocket Mode introduction video

Rocket Mode doesn’t Work on your Theme?

If  rocket mode does not work on your theme, or hangs your browser, you should definitely try the Quick Configurator tool instead – You will have to manually list the CSS selectors, less fun to start, but more powerful than anything. Or, if you are lazy or don’t know what a CSS selector is, hang on with fully tested, recommended “Hero Ready themes“.


CSS Hero is the definitive plugin to customize your WordPress themes with an easy and intuitive WYSIWYG interface.


Become a CSS Hero affiliate and earn 40% on each sale right now. Spread the CSS Hero word and share the wealth with us!
Start Earning →

Follow the Hero