How can I edit CSS in Google Chrome?

Zhong Jiang November 18, 2012

Following from my previous request about Chrome not displaying the site “profile-block” correctly, I’ve used a different approach using “Inspect Element”. Apparently when I remove width from the style sheet, the result solves my issue. However I’m not able to make a permanent changes whenever reloading. The Source tab is unable to load the “makeuseof” site, no codes were evident even though it was displayed on the “element” tab.

So how do I make persistent changes to CSS?

  1. Sashritha Peiris
    December 13, 2012 at 6:37 pm

    save the page as HTML and then edit it using a web page making app.

  2. Joel Jacob
    December 8, 2012 at 5:32 am
  3. Jeremiah Iliffe
    November 23, 2012 at 10:27 pm

    A brilliant extension called stylebot is available in the chrome web store

  4. josemon maliakal
    November 20, 2012 at 3:14 am

    stylebot is good for that ..but i think it's a bad practice to edit css in such a way

  5. Callum Cockburn
    November 19, 2012 at 4:39 pm

    Firebug is a really good app for veiwing code in several languages. Dont know if you can edit, but is still a usefull tool

    • Zhong Jiang
      November 18, 2012 at 4:28 pm

      I've visited upon those websites before creating this question, thanks for your research though.But if you can find out why the Sources tab is not correctly identifying the website: "makeuseof", then it will be very helpful.

  6. Rob Hindle
    November 18, 2012 at 11:46 am

    Install the Web Developer add in, click the gear wheel icon, select the CSS tab, click Edit CSS

    • Zhong Jiang
      November 18, 2012 at 4:07 pm

      Thanks, it's a great tool for this situation but I would prefer to edit site on the "Sources" panel without the need to install an extension.

  7. ha14
    November 18, 2012 at 11:38 am

    Stylebot is a Google Chrome extension that allows you to quickly create and save persistent custom CSS for sites.

    Web Developper Extension



Ads by Google