how to load my own css in certain sites automagically?

Luciano A. Ferrer

unread,

Apr 13, 2006, 8:17:35 AM4/13/06

to

I read a news site, but the content font is too little, the other fonts
are ok... so, I created a css file to change the size property of only that

The problem is that I have to "load" my own css on every new loaded page...

Is there any extension, or something, to "autoload" a css file on X site?
(just for that site)

TIA, and sorry for the bad english :)

Luciano

Penguiniator

unread,

Apr 13, 2006, 4:55:51 PM4/13/06

to

Luciano A. Ferrer wrote:

> I read a news site, but the content font is too little, the
> other fonts are ok... so, I created a css file to change the
> size property of only that
>
> The problem is that I have to "load" my own css on every new
> loaded page...
>
> Is there any extension, or something, to "autoload" a css file
> on X site? (just for that site)

https://addons.mozilla.org/firefox/2108/

The Stylish extension makes doing this a breeze. I have a similar
problem when trying to read NewsForge. I use the Web Developer
extension to view the css for particular elements of the page
that are too small for my eyes. Then I use Stylish to modify the
css for just that site. My NewsForge style looks like this:

@-moz-document domain("newsforge.com") {
.article_box p font,
.article_box font,
.comments tbody td div font {
font-size: 11pt !important;
}
}

You don't really have to have the extension to make this work,
but it makes the addition and deletion of custom css
semi-automatic and provides a statusbar button for the purpose.

Chris Ilias

unread,

Apr 13, 2006, 7:09:10 PM4/13/06

to

_Luciano A. Ferrer_ spoke thusly on 13/04/2006 8:17 AM:

> I read a news site, but the content font is too little, the other fonts
> are ok... so, I created a css file to change the size property of only that
>
> The problem is that I have to "load" my own css on every new loaded page...
>
> Is there any extension, or something, to "autoload" a css file on X site?
> (just for that site)

This is built into Firefox 1.5, and up.
See <http://lists.w3.org/Archives/Public/www-style/2004Aug/0135.html>
Your script should go in your userContent.css.
--
Chris Ilias
mozilla.test.multimedia moderator
Mozilla links <http://ilias.ca>
(Please do not email me tech support questions)

Luciano A. Ferrer

unread,

Apr 14, 2006, 12:05:07 PM4/14/06

to

Chris Ilias ha escrito lo siguiente el 13/04/2006 20:09:

> _Luciano A. Ferrer_ spoke thusly on 13/04/2006 8:17 AM:
>> I read a news site, but the content font is too little, the other fonts
>> are ok... so, I created a css file to change the size property of only that
>>
>> The problem is that I have to "load" my own css on every new loaded page...
>>
>> Is there any extension, or something, to "autoload" a css file on X site?
>> (just for that site)
>
> This is built into Firefox 1.5, and up.
> See <http://lists.w3.org/Archives/Public/www-style/2004Aug/0135.html>
> Your script should go in your userContent.css.

COol!

Thanks Chris and Penguiniator!

Now Im a bit more happy than before...

Luciano

Luciano A. Ferrer

unread,

Apr 14, 2006, 12:34:37 PM4/14/06

to

Luciano A. Ferrer ha escrito lo siguiente el 14/04/2006 13:05:

BTW, to apply changes made in the userContent.css file we need
to restart firefox?
or just save the file and reload the site page?

luciano

Chris Ilias

unread,

Apr 14, 2006, 3:34:38 PM4/14/06

to

_Luciano A. Ferrer_ spoke thusly on 14/04/2006 12:34 PM:

> BTW, to apply changes made in the userContent.css file we need
> to restart firefox?
> or just save the file and reload the site page?

You need to restart Firefox.