How to launch the CSS Hero editor

After product activation, you will see this image:

You will notice a new addition: the CSS Hero logo (or, in versions before v4, “an Edit with CSS Hero” link), appearing both in the frontend and in the /wp-admin/ backend, in 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 manually launch CSS Hero on any site page just adding
    ?csshero_action=edit_page

    to the browser URL.

    For example, while visiting a page with an URL like https://www.mysite.com/my-page/
    you can start editing that page opening the URL: https://www.mysite.com/my-page/?csshero_action=edit_page

5198