Here is a nifty little thing you can do to to allow your viewser change the size of the text on the fly.
Create a text widget and set the title as ‘Change Text Size’. In the text area of the widget add
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.8em'"><span style="font-size: xx-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.2em'"><span style="font-size: small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.4em'"><span style="font-size: large;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.6em'"><span style="font-size: x-large;">+</span></a>
You will now have a series of plus signs that the viewer can click to increase/decrease the text size.
*Please note, you have to have the default text size set as a % or em for this to work. px or pt will not work.
Thanks to Andante – I stole this from her site
Leave a Reply