jQuery, Changing Font Size

Buttons To Increase/Decrease Font Size

While all common browsers have an option to change font size, not everyone knows that. But buttons make it easy for those that are not computer savvy. So if your website audience is expected to be older and/or less computer literate, why not make it easy for them to increase the font size?

Paste this into the head section of the page. Do you see near the top of the script, where the container to modify has been selected? $('#ContentColumn'). That means everything within #ContentColumn will change.

The buttons can be pasted where you think best. I suggest the include above your main headline. If you want to style the div for these, then create #switcher in your stylesheet, and style the div as you please.

ShareFacebookTwitter

Happy Sitesell Pro Customers

Recent Articles

• 
• 
• 

1. Javascript or jQuery

   Apr 23, 17 09:06 PM

   Javascript or jQuery. Is one better to learn than the other? If so, which, and why?

   Read More

2. Print Page Section With Javascript

   Apr 23, 17 07:26 AM

   Print Page Section With Javascript, choose to print only one div from page content.

   Read More

3. Font Size Buttons With jQuery

   Apr 09, 17 10:39 PM

   Copy and paste code for font size Buttons With jQuery

   Read More

4. Hide form with jQuery

   Apr 09, 17 07:56 PM

   Here is a simple way to hide a contact form, and display it with the click of a button

   Read More

5. Easy jQuery scripts

   Apr 09, 17 03:22 PM

   Easy jQuery scripts that you can copy and paste into your webpages without knowing how to code.

   Read More