Save CSS changes made in developer tools, directly to the Wordpress stylesheet.

Latest Version

Version
1.3.3
Update
January 27, 2015
Size
47.72KiB
Developer
Category
Users
5,000+
Rating
3.08511 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Cookies
Http://*/*
Https://*/*
See more

Wordpress Style Editor Extension

Using chrome developer tools, you can inspect your theme styles and make modifications to the CSS. However, those changes are lost as soon as you refresh the page. With this extension, you can instantly save those CSS changes directly to your theme stylesheet, without editing any files, or using FTP programs.

Notes:
- Changes saved to the stylesheet happen in real-time, so proceed with caution.
- Currently, the extension only works on the style.css file located in the themes root folder.

New in 1.3.1:
- added child theme support.

New in 1.3:
- Bug fixes.

New in 1.2:
- Revamped interface, switched to popup UI.
- Added auto-save feature.

Source code is available here: github.com/stri8ed/wordpress-style-editor-chrome-ext
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_extName__", "version": "1.3.3", "description": "__MSG_extDesc__", "manifest_version": 2, "default_locale": "en", "permissions": [ "tabs", "cookies", "http://*/*", "https://*/*" ], "page_action": { "default_icon": { "19": "/img/icon48.png", "38": "/img/icon48.png" }, "default_title": "Wordpress Style Editor", "default_popup": "/html/popup.html" }, "icons": { "48": "/img/icon48.png", "128": "/img/icon128.png" }, "devtools_page": "/html/devtools.html", "background": { "scripts" : ["/js/background.js"]}, "minimum_chrome_version": "18"}
Read more