CSS Pro
  • Initial page
  • Quick Start
    • Installing it
      • On Google Chrome
      • On Firefox
      • On Safari
  • Inspecting
    • Choosing what happens when you click on an element
    • Inspecting invisible, overlapping, and parent elements
    • Comparing multiple elements at the same time (Pinning)
    • Measuring distances and checking alignments
    • Inspecting animations
    • Identifying fonts
  • Editing
    • Code Editor (Code tab)
      • Forcing a state or pseudo
    • Visual Editor (Design tab)
      • Editing media queries and pseudo states
      • Editing backgrounds
      • Auto unit conversion
    • HTML Editor (HTML tab)
    • Handling CSS changes
    • Editing texts
    • Removing elements
  • Copying
    • Copying CSS and HTML
    • Exporting elements
    • Downloading page assets (images)
    • Copying colors
  • License
    • Managing your license activations
    • Retrieving your license key (forgot)
  • Subscription
    • Switching from the monthly to the annual plan
    • Canceling your subscription
Powered by GitBook
On this page
  • How to install CSS Pro on Chrome:
  • 🎁 Bonus:

Was this helpful?

  1. Quick Start
  2. Installing it

On Google Chrome

PreviousInstalling itNextOn Firefox

Last updated 1 year ago

Was this helpful?

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, .

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

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

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).

🎁 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.

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

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 if you forgot/lost it.

To manage your license activations in the future, use .

library
My License
here
the My License page
get one here
Click on the blue button "Add to Chrome" on the right side to download the extension
Click on the pin icon to pin the extension on your browser's top bar for easy access
Video tutorial