Skip navigation.

exploreopera

| Help

Sign up | Help

Zoom text only in web pages with Opera

, ,

Most of you are probably familiar with the zoom function of Opera. Opera lets you zoom the entire page, including pictures and flash animations, this is different from the zoom functionality other browsers have which is basically text zoom only. But how do you zoom text only in Opera?

You can of course go into Tools -> Preferences -> Advanced -> Fonts and set the Minimum font size to something appropriate so that text never gets smaller than a certain size. Mine is at 11 pixels now. But sometimes you want to zoom text on pages for small periods, or only on certain pages. The solution is a simple User Javascript.

Download the zoom-text.js script and put it any folder you prefer, I use ~/.opera/userjs/ on my Linux laptop. I have already also told Opera to run User Javascript that are located in that drawer, by going to Tools -> Preferences -> Advanced -> Content -> Javascript Options and putting ~/.opera/userjs/ in the User Javascript files field.



Now just go to any page, and you should see a little icon at the bottom right of the page. Click on this icon and you will get a box containing a "zoom in", "zoom out" and a "reset" button to play with. The script will automatically adjust the size the next time you visit the same domain to match the size you altered it to the previous visit.

Oooh green tagsPan or drag and scroll pages and images

Comments

avatar
Nice one!

Thank you very much!

By Maulkin, # 9. May 2007, 06:48:14

avatar
Icon for zoom is very small, but it works! K-Meleon has zoom only for text or only for images, and I love it. Opera is lacking it.
Thank you, Nicolas! :smile:

By medium, # 13. May 2007, 17:32:23

avatar
Change these for different icon size and control size

zoomIcon.style.fontSize = "12px";
zoomControls.style.fontSize = "12px";

You can try forcing another pixel value like "20px" or play with "1em", "1.5em" or "2.5em".

If you just change the zoomIcon one, you might need to add some more space for the controls using:

zoomControls.style.margin = "0.5em";

Glad you liked it.

By nicomen, # 14. May 2007, 05:44:25

avatar
Thank you for advice! Only at the beginning I could not notice the tiny icon, now it is okay without changes. :smile:
It is interesting: some sites automatically are unwinding the window editable for zoom without click.

By medium, # 16. May 2007, 23:33:47

avatar
Hmm, I didn't understand that last sentence, could you rephrae it?

By nicomen, # 17. May 2007, 10:20:56

avatar
Go, please, to this page: http://alltheweb.com/ and see, how an icon of script is preserved. :smile:
And I'm sorry for my English... :/

By medium, # 19. May 2007, 18:21:08

avatar
Yes, exactly! Why? :smile:

By medium, # 21. May 2007, 07:32:46

avatar
I don't see what's wrong with that screenshot, lol...

Ah ok, you are saying the xoom "window" pops up without you clicking it? It doesn't happen to me, hm, that's weird...

By nicomen, # 21. May 2007, 11:30:49

avatar
Absolutely nothing wrong, interesting only! :smile:

For the accuracy: it is necessary to use the search engine and only in results of searching one can see the automatically big icon from script.

And curiosity, try to add this search engine to your set...

By medium, # 22. May 2007, 12:00:25

avatar
Ah I reproduced it now, very strange error. Oh well I worked around it now. redownload the script please. Thanks for reporting :wink:

By nicomen, # 24. May 2007, 10:59:51

avatar
Anonymous writes:

wargamez claims there is a bug in the anonymous posting, so I apologize for abusing the comments for testing... :-)

By anonymous user, # 5. June 2007, 10:59:26

avatar
Anonymous writes:

http://www.dn.no/
Your script sticks to the flash stuff also, and on the very top flash it does not work.

By anonymous user, # 5. June 2007, 11:03:14

avatar
It sticks to all iframes at least

Do you mean the scroll text part? Because the flash ads on the top are not own paes it seems.

If it's the scroll text part, I'm not sure I know how I should go forth to make it work in so small areas...

By nicomen, # 5. June 2007, 12:49:22

avatar
Anonymous writes:

Yes, thats what I meant :smile:

By anonymous user, # 5. June 2007, 13:40:57

avatar
penkapp writes:

Does this work for web pages that do not use .html? It does not seem to work on pages using .php or .shtml.

By anonymous user, # 25. April 2008, 18:13:32

avatar
Should work on .php and .shtml pages as it checks for document.body only

By nicomen, # 28. April 2008, 01:00:57

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

Please type this security code : c45933

Smilies

July 2008
SMTWTFS
June 2008August 2008
12345
6789101112
13141516171819
20212223242526
2728293031