How to launch the CSS Hero editor

After product activation, you will see this image:

You will notice the CSS Hero logo appearing both in the frontend and in the /wp-admin/ backend, on the WordPress administration bar [on top of your pages]

Clicking the CSS Hero logo will launch the CSS Hero editor on that page.

ALTERNATIVELY: Should you have hidden the wp admin bar from your frontend, [it’s a user preference], remember that:

  • You can launch CSS Hero from the /wp-admin/ as well,
      • …and inside the editor just switch from Edit to Navigate mode (top bar) – so you can use your site links to reach the page you want to edit, like normally browsing the site
    • You can launch CSS Hero from the page editing screen – and you will directly edit THAT page
  • You can also manually launch CSS Hero on any site page just adding

    to the browser URL.

    For example, while visiting a page with an URL like
    you can start editing that page opening the URL: