Css personnalisé sur les sites web
Il y a des sites web qu'on fréquentent souvent et qui ont des trucs visuels qui ne nous plaisent pas. Pas de souci, on peut customiser !
Modifier le css des sites de façon durable
userContent.css
Sous Firefox, ouvrir le dossier du profil (quelque chose comme /home/user/.mozilla/firefox/exkivszq.default/
), puis créer un dossier chrome
et dedans, un fichier userContent.css
Pour trouver le dossier du profil, s'il y en a plusieurs : ouvrir Firefox, allez dans Aide > Information de dépannage et ouvrez sur “Répertoire de profil”.
Dans userContent.css
, crééz vos feuilles de style, génériques si c'est pour partout, sinon, voici un exemple pour enlever les messages sous les images dans Pinterest, il suffit d'adapter le nom du site et le css.
@-moz-document domain(pinterest.fr) { div span {display:none;} }
Redémarrer Firefox, ça marche.
Extension
Plus facile pour changer les sites !
Astuces
div span {display:none;}
Ou pour enlever le blabla sous les images, dernièrement :
div.hs0.ujU.un8.C9i.TB_ {display:none;}
Ascenseurs
Certains sites désactivent les ascenseurs. Il s'agit de l'instruction “overflow”.
body {overflow: inherit;}