On Google Chrome

How to install CSS Pro on Chrome:

To follow these steps, you need to have purchased a CSS Pro license key. If you don't have one yet, get one here.

Step 1. Download the extension from the link you were redirected to after buying it or your Gumroad receipt (in your email) or library. If you can't find it, please download the extension via the My License page.

Step 2. Install the extension on your Chrome browser via Chrome Webstore.

Step 3. Click on "Add to Chrome" to download the extension.

Now that you have the extension installed, it's time to activate it with a license key, which you've got in your receipt but can also be retrieved here if you forgot/lost it.

Step 4. Open any website on a new tab, for example, Google or your website (it won't activate on the "New tab" page; it has to be a website).

Step 5. Right-click anywhere on the page and select "Inspect with CSS Pro" on the context menu.

A modal (popup) will appear asking for the license.

Step 6. Input your license key and validate it by clicking on "Activate":

🎉 Done! Your license is now activated, and you can use CSS Pro anywhere else.

The extension will not ask for your license again (unless deactivated or disabled).

To manage your license activations in the future, use the My License page.

🎁 Bonus:

You can also pin the extension on your Chrome's top bar by clicking on "Extensions" (puzzle icon):

Find CSS Pro and click "Pin":

Now you can just open CSS Pro by clicking on its icon on your Chrome's top bar.

Last updated