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 Safari

PreviousOn FirefoxNextChoosing what happens when you click on an element

Last updated 1 year ago

Was this helpful?

How to install CSS Pro on Safari:

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 Safari 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. Open the .dmg file (named CSS Pro + version number).dmg

Step 3. Drag and drop the application to your Mac's Applications folder:

Step 4. Locate the application via Launchpad or in your Applications folder and click to open it:

Step 5. Follow the application steps to install CSS Pro on your Safari:

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

Video tutorial
Move the CSS Pro app to your Mac's Applications folder
Open the CSS Pro app