The Format for ToTal Pay is off -- Step 2 of 3 - Payment Information

[awk_grep]

site url: www.geckowrangler.com

I am working on s template configuration and the I have an issue with the way the Total is showing in step 2 of 3 - payments. I had posted this issue as a general question and some one mentioned that, this template, I am working with- might be " Brandon Turpin or Picaflor Azul templates" ..

So.. If anyone knows where to to go to fix this issue, I will surely appropriate it..I think the CSS is jacked up but not sure where to look...


LOOK BELOW:

this is what it looks like now..
-------------------------------------
Your Total Sub-Total: $1.00


$8.00
TAX 8.25%: $0.74 Per Item (Best Way):


Total: $9.74


It needs to look like this:
-------------------------
Sub-Total : $1.00
Per Item (Best Way):$8.00
TAX 8.25% : $0.74
Total : $9.74

----------------
here is the code behind the page.


<div class="floatingBox important forward"></div>
<br class="clearBoth" />

<fieldset id="checkoutOrderTotals">
<legend id="checkoutPaymentHeadingTotal">Your Total</legend>
<div id="otsubtotal">
<div class="totalBox larger forward">$1.00</div>
<div class="lineTitle larger forward">Sub-Total:</div>
</div>
<br class="clearBoth" />
<div id="otshipping">
<div class="totalBox larger forward">$8.00</div>
<div class="lineTitle larger forward">Per Unit (Best Way):</div>
</div>
<br class="clearBoth" />
<div id="ottax">
<div class="totalBox larger forward">$0.74/div>
<div class="lineTitle larger forward">TAX 8.25%:</div>
</div>
<br class="clearBoth" />
<div id="ottotal">
<div class="totalBox larger forward">$9.74</div>
<div class="lineTitle larger forward">Total:</div>
</div>
<br class="clearBoth" />
</fieldset>

[mc12345678]

site url: www.geckowrangler.com

I am working on s template configuration and the I have an issue with the way the Total is showing in step 2 of 3 - payments. I had posted this issue as a general question and some one mentioned that, this template, I am working with- might be " Brandon Turpin or Picaflor Azul templates" ..

So.. If anyone knows where to to go to fix this issue, I will surely appropriate it..I think the CSS is jacked up but not sure where to look...


LOOK BELOW:

this is what it looks like now..
-------------------------------------
Your Total Sub-Total: $1.00


$8.00
TAX 8.25%: $0.74 Per Item (Best Way):


Total: $9.74


It needs to look like this:
-------------------------
Sub-Total : $1.00
Per Item (Best Way):$8.00
TAX 8.25% : $0.74
Total : $9.74

----------------
here is the code behind the page.


<div class="floatingBox important forward"></div>
<br class="clearBoth" />

<fieldset id="checkoutOrderTotals">
<legend id="checkoutPaymentHeadingTotal">Your Total</legend>
<div id="otsubtotal">
<div class="totalBox larger forward">$1.00</div>
<div class="lineTitle larger forward">Sub-Total:</div>
</div>
<br class="clearBoth" />
<div id="otshipping">
<div class="totalBox larger forward">$8.00</div>
<div class="lineTitle larger forward">Per Unit (Best Way):</div>
</div>
<br class="clearBoth" />
<div id="ottax">
<div class="totalBox larger forward">$0.74/div>
<div class="lineTitle larger forward">TAX 8.25%:</div>
</div>
<br class="clearBoth" />
<div id="ottotal">
<div class="totalBox larger forward">$9.74</div>
<div class="lineTitle larger forward">Total:</div>
</div>
<br class="clearBoth" />
</fieldset>

This is a css issue. Unfortunately I am not on a device to advise in which css file a change needs to be made, but the source code looks correct, but something is preventing the proper display format. The css files are located in your template's directory (includes/templates/YOUR_TEMPLATE/css)

If you have something like firebug then you could easily see the values associated with each of the ids and classes to be able to reposition/cancel the item causing the display issue.