Jak zmenit velikost (i castecneho) obsahu na strance

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%:

.post-single-content-inner { width: 100% !important; } 

3) Vytvorte na strance tlacitka pro ovladani velikosti:

<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:

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;
});

Leave a Reply