Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

I'm trying to completely replace the CSS for a domain with different CSS (i.e. swap out the CSS at gaming.SE for that of Stack Overflow). I'd ideally like an extension that lets me do this. I've used Personalized Web, which allows loading in CSS for a given domain, but it still loads the original CSS (you can specify CSS to ignore, but you have to do this rule by rule!

Does anyone know of a way of doing this?

share|improve this question

closed as off-topic by Kevin Panko, Mokubai Aug 10 '14 at 18:11

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions seeking product, service, or learning material recommendations are off-topic because they become outdated quickly and attract opinion-based answers. Instead, describe your situation and the specific problem you're trying to solve. Share your research. Here are a few suggestions on how to properly ask this type of question." – Kevin Panko, Mokubai
If this question can be reworded to fit the rules in the help center, please edit the question.

3 Answers 3

Using the WebDeveloper extension, you can do exactly that!

Once installed, open the extension, hit the CSS tab and choose "edit css". you can then override every loaded CSS for that webpage.

Hope this helps!

-EDIT- For persistent changes, you can try Stylebot. They say "Stylebot is a Google Chrome extension that allows you to quickly create and save persistent custom CSS for sites".

share|improve this answer
    
Can you persist the changes you make though? –  fredley Oct 4 '11 at 15:29
    
Nope as it's only meant for test purposes. Sorry, I didn't get the "persistent" aspect of your request :/ –  Christophe Deliens Oct 5 '11 at 7:49
    
Sorry for the double post, but I don't know whether you'll get a notification or not for my edited post with improved answer -> you can try Stylebot (stylebot.me/about) –  Christophe Deliens Oct 5 '11 at 7:51
    
Again, stylebot allows you to add, but not remove from a page, so it's only as useful as Personalized Web... –  fredley Oct 5 '11 at 8:02

With LiveStyle you have real time css reloading on save (SublimeText extension), you can associate remote css styles with local ones and even add extra css files to overwrite remote styles.

Edit: I settled on CSSInject extension - LiveStyle seems to reset css changes on refresh, so I'm keeping it only for live editing. If you need CSSInject to remove a style, add this code at line 49 in loadcss.js

for(var elem in document.getElementsByTagName("link") ) { 
   var node = document.getElementsByTagName("link")[elem];
   if(node.getAttribute("href") == "/path/to/css-style/to-remove.css") {       
     node && node.parentNode.removeChild(node);
  } 
}
share|improve this answer

Sounds like you are looking for a usercss extension of some kind, try something like stylish https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe, or alternatively chrome stylist https://chrome.google.com/webstore/detail/pabfempgigicdjjlccdgnbmeggkbjdhd?hc=search&hcp=main

share|improve this answer
    
I tried these, but they don't allow you to remove css before applying. –  fredley Oct 10 '11 at 8:55

Not the answer you're looking for? Browse other questions tagged or ask your own question.