CoffeeCup - HTML Editor, Flash & Web Design Software

Each element you specify a font for is set to automatically left-align. You can change the alignment of your sIFR text by editing the all.css file and the javascript code that is pasted in the body section.

All.CSS Code

Each element has its own rule specified within all.css containing the size and alignment for your sIFR fonts.

h1 {
  text-align: left;
  font-size: 36px;
}
h2 {
  text-align: left;
  font-size: 24px;
}

which can be changed to

h1 {
  text-align: center;
  font-size: 36px;
}
h2 {
  text-align: right;
  font-size: 24px;
}

Body Javascript

Within the Body block of code, you'll need to change the sFlashVars attribute to set the alignment to either center or right aligned.

<script type="text/javascript"> //<![CDATA[ if(typeof sIFR == "function"){ sIFR.replaceElement(named({sSelector:"body h1", sFlashSrc:"ajile.swf", sColor:"#000000", sLinkColor:"#FF0000", sBgColor:"#FFFFFF", sHoverColor:"#0000FF", sFlashVars:"textalign=left"})); sIFR.replaceElement(named({sSelector:"body h2", sFlashSrc:"avatar.swf", sColor:"#FFFFFF", sLinkColor:"#3366FF", sBgColor:"#000000", sHoverColor:"#800000", sFlashVars:"textalign=left"})); }; //]]> </script>

can be changed to

<script type="text/javascript"> //<![CDATA[ if(typeof sIFR == "function"){ sIFR.replaceElement(named({sSelector:"body h1", sFlashSrc:"ajile.swf", sColor:"#000000", sLinkColor:"#FF0000", sBgColor:"#FFFFFF", sHoverColor:"#0000FF", sFlashVars:"textalign=center"})); sIFR.replaceElement(named({sSelector:"body h2", sFlashSrc:"avatar.swf", sColor:"#FFFFFF", sLinkColor:"#3366FF", sBgColor:"#000000", sHoverColor:"#800000", sFlashVars:"textalign=right"})); }; //]]> </script>