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

Was this helpful?

  1. Quick Start
  2. Installing it

On Firefox

PreviousOn Google ChromeNextOn Safari

Last updated 1 year ago

Was this helpful?

How to install CSS Pro on Firefox:

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

Step 2. Drag and drop the "Firefox.xpi" file into your Firefox browser window, and click on the button "Add" to install the add-on.

Step 3. You're going to be redirected to a webpage. If that doesn't happen, open any website on a new tab, for example, Google or your own website.

Step 4. Click on CSS Pro's icon on your toolbar to open the extension:

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

Step 5. 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).‌

Step 1. Download the Firefox 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
Video tutorial
Click on "Add"