Set default zoom level in Safari using a CSS file

In this post on Apple's discussion site, user dearlt posted a great tip on how to get Safari to use a default zoom level of your own choosing (instead of the standard 100%). I've edited the post a bit to make it clearer, but the basic instructions are unchanged.

Create a file (using a pure text editor) named defaultzoom.css, or any name you like -- just make sure it has a .css extension.
Copy and paste the following code into the file:
```
body {
zoom: 130%;
}
```
Change 130 to whatever number suits you. Anything greater than 100 means zoom in; less than 100 means zoom out. Don't forget the % percent sign!

If you're using TextEdit on a Mac, be sure to have it create .txt documents by default (not .rft) before copying and pasting the above text. You can set this by going to Preferences » New Document » Format. When you save the file, a warning will come up stating that .txt is the standard extension, but you will be given the option of .txt or .css.
Save your file and close the editor.
In Safari, go to Preferences » Advanced. Under Style Sheet, select Other, and point it to the file you created. You may need to restart Safari for the change to take effect.

Voila. Hope that helps someone. (Note that this should work on both OS X and Windows versions of Safari.

.apple-rss-single-line-mode .apple-rss-subject { font-size: 13px !important; letter-spacing: 0.06em !important; } .apple-rss-multi-line-mode .apple-rss-subject { letter-spacing: 0.06em !important; }

From our Sponsor...

The macosxhints Poll

What version of OS X are you running as your main OS?

Set default zoom level in Safari using a CSS file | 13 comments | Create New Account

Click here to return to the 'Set default zoom level in Safari using a CSS file' hint

The following comments are owned by whomever posted them. This site is not responsible for what they say.

Set default zoom level in Safari using a CSS file
Authored by: KingRocky on Mon, Nov 2 2009 at 7:53AM PST

This does work, however I've noticed that radio buttons tend to disappear when the zoom level is set to anything higher than 100%

Set default zoom level in Safari using a CSS file
Authored by: vertigo on Mon, Nov 2 2009 at 7:58AM PST

Is there a way to make this specific to certain types of content, e.g. Safari RSS feeds only?

I find that the RSS feed's text is too small, but other sites are fine. Would love a way to increase the text size for RSS feeds only.

Set default zoom level in Safari using a CSS file
Authored by: Toadling on Mon, Nov 2 2009 at 12:32PM PST

These selectors modify Safari's default RSS viewer display (using my preferred settings as an example):

See this file for more info on available selectors:

/System/Library/Frameworks/PubSub.framework/Versions/A/Resources/PubSubAgent.app/Contents/Resources/Main.css

Hope this helps.

-Dennis

Set default zoom level in Safari using a CSS file
Authored by: vertigo on Tue, Nov 3 2009 at 10:32AM PST

Hrmmm... doesn't work for me for some unknown reason. Thanks for the suggestion, though.

Set default zoom level in Safari using a CSS file
Authored by: jdv on Tue, Nov 3 2009 at 1:33PM PST

You can try this:


.apple-rss-content {

  zoom: 200% !important;

}

It only zooms the content, because I could not get a full page zoom to work properly. You can try replacing ".apple-rss-content" with ".apple-rss-show-unread-mode, .apple-rss-no-unread-mode" and see if you like the results.

Set default zoom level in Safari using a CSS file
Authored by: vertigo on Fri, Nov 6 2009 at 2:48PM PST

This worked!, although it required a logout to reflect the change. Thanks!

Set default zoom level in Safari using a CSS file
Authored by: alansky on Mon, Nov 2 2009 at 8:20AM PST

Thanks! I have an elderly friend (93 years old) who will benefit greatly from this tip.

Set default zoom level in Safari using a CSS file
Authored by: ToogFilosoof on Mon, Nov 2 2009 at 9:08AM PST

is there a way to only load this zoom-stylesheet when visiting a certain webpage?

thanks in advance

---
Een leeg glas is geen zicht... een vol al evenmin
Powermac G4 [MDD] - 1Ghz - 1,25GB RAM - 10.4.11

Set default zoom level in Safari using a CSS file
Authored by: beepotato on Mon, Nov 2 2009 at 2:05PM PST

You might want to consider using OmniWeb, which has per-site preferences (including zoom level).

Set default zoom level in Safari using a CSS file
Authored by: robogobo on Mon, Nov 2 2009 at 10:47AM PST

Just be prepared to zoom back out if some websites look all wonky.

Set default zoom level in Safari using a CSS file
Authored by: ars on Mon, Nov 2 2009 at 1:08PM PST

If you want to zoom only one page or RRS feed, you can add the zoom button to your Toolbar or zoom in (and out) by using the keyboard (Command + or -). That seems to work fine and should suffice for most people.

Set default zoom level in Safari using a CSS file
Authored by: JGill on Mon, Nov 2 2009 at 3:07PM PST

I just tried this tip and it works great! Just what I was looking for.

However, using it prompts a further request:

Is it possible to adjust the size of the Safari browser window itself?

What happens now is that while the contents of the browser window have been magnified (zoomed), the horizontal scroll bar also appears as the window itself needs to be resized (zoomed) by clicking the green button at the top right of the title bar...

---
JG

Also works in Mailplane
Authored by: scooby509 on Tue, Nov 3 2009 at 6:04PM PST

(Mailplane is a dedicated app for Gmail.)

Hint Options

Search

From our Sponsor...

User Functions

What's New:

Hints

Comments last 2 days

Links last 2 weeks

What's New in the Forums?

The Editor's Corner...

Hints by Topic

News from Macworld

The macosxhints Poll