1) Pridejte ke prvkum ktere chcete priblizit/oddalit tridu post-single-content-inner . Ja jsem to udelal tak, ze jsem vytvoril 600px obalujici div a do neho dal div se tridou post-single-content-inner.
2) Nastavte tride post-single-content-inner sirku vzdy 100%:
|
1 |
.post-single-content-inner { width: 100% !important; } |
3) Vytvorte na strance tlacitka pro ovladani velikosti:
|
1 2 3 |
<div class="text-size"> <a href="#" id="decfont">A-</a> <a href="#" id="defaultfont">A</a> <a href="#" id="incfont">A+</a> </div> |
4) Pridejte tento JavaScript:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
jQuery('#incfont').click(function () { jQuery('.post-single-content-inner').css('zoom', 1.2); return false; }); jQuery('#decfont').click(function () { jQuery('.post-single-content-inner').css('zoom', 0.8); return false; }); jQuery('#defaultfont').click(function () { jQuery('.post-single-content-inner').css('zoom', 1); return false; }); |