<div id="resize" style="z-index: 1000">
<a class="increase" style="font-size:40px !important">&#8853;</a>
<br><br/>
<a class="decrease" style="font-size:40px !important">&#x229D;</a>
<br/>
<a class="reset" style="font-size:40px !important">&#x229C;</a>
</div>
<style>
div#resize {
  position: fixed !important;
  top: 100px;
  left: 100px;
}
.brikit-container
{
	width: 1550px !important;
 }
</style>
<script>
$(document).ready(function(){
  var resize = new Array('p','.resizable','li','.resizable','div','.resizable','code','.resizable','dt','.resizable','dd','.resizable','h1','.resizable','h2','.resizable');
  resize = resize.join(',');
  
  //resets the font size when "reset" is clicked
  var resetFont = $(resize).css('font-size');
    $(".reset").click(function(){
      $(resize).css('font-size', resetFont);
    });
  
  //increases font size when "+" is clicked
  $(".increase").click(function(){
    var originalFontSize = $(resize).css('font-size');
    var originalFontNumber = parseFloat(originalFontSize, 10);
    var newFontSize = originalFontNumber*1.2;
    $(resize).css('font-size', newFontSize);
    return false;
  });
  
  //decrease font size when "-" is clicked
  
  $(".decrease").click(function(){
    var originalFontSize = $(resize).css('font-size');
    var originalFontNumber = parseFloat(originalFontSize, 10);
    var newFontSize = originalFontNumber*0.8;
    $(resize).css('font-size', newFontSize);
    return false;
  });
  
});
</script>