Checkout Payment Information -> just a slight modification

Guys,

I am trying to move a section called "checkoutOrderTotals" from the Step 2 of 3 - Payment Information, from the checkout. (the link to my store is in my signature if needed).

This is the section that looks like this :

Your Total :

Sub Total:
Shipping Charges:
Total:

Since you would need to register, add items to the cart, etc.. here is a screen shot of that section :

What i am trying to do is to move that section to the left.

According to Firebug, the ID is "checkoutOrderTotals". I went to the CSS file and added a #checkoutOrderTotalsContent {text-align:left;}, thinking that could solve my problem... but obviously it doesn't.
I kinda suck at CSS and PHP coding... so i'm not very surprised ! :blush:

If anyone has an idea... Kobra, you were sooooo helpful a few days ago, if you are around, please... HELP ! :smile:

Damien

DamienDLSkinSolution:

Guys,

I am trying to move a section called "checkoutOrderTotals" from the Step 2 of 3 - Payment Information, from the checkout. (the link to my store is in my signature if needed).

This is the section that looks like this :

<b>Your Total :

Sub Total:
Shipping Charges:
Total:

</b>

Since you would need to register, add items to the cart, etc.. here is a screen shot of that section :

What i am trying to do is to move that section to the left.

According to Firebug, the ID is "checkoutOrderTotals". I went to the CSS file and added a #checkoutOrderTotalsContent {text-align:left;}, thinking that could solve my problem... but obviously it doesn't.
I kinda suck at CSS and PHP coding... so i'm not very surprised ! :blush:

If anyone has an idea... Kobra, you were sooooo helpful a few days ago, if you are around, please... HELP ! :smile:

Damien

Da,
Locate your_template/ stylesheet.css

Add these declarations to the sheet.

#otsubtotal, #otshipping, #ottotal {float: left;}

HareDo,

Definitely ahead of the tortoise that i am... :D
Thanks for your input.

Can i be picky ? :blush:
If i stick to that, all 3 lines move to the left, which is, well... what i asked for. BUT (i know, i know) now, the 3 amounts don't line up.
See below :

I would like to achieve this :

Any idea ?

Damien

DamienDLSkinSolution:

HareDo,

Definitely ahead of the tortoise that i am... :D
Thanks for your input.

Can i be picky ? :blush:
If i stick to that, all 3 lines move to the left, which is, well... what i asked for. BUT (i know, i know) now, the 3 amounts don't line up.
See below :

I would like to achieve this :

Any idea ?

Damien

Da,
Check this out:::

Erase what I gave you before and add these declarations

div.lineTitle {float: left;}
div.totalBox {margin: 0em 30em 0em 0em;}

Hare Do,

It's official, YOU ROCK !!! :clap::clap::clap:

I'm amazed by you guys. It's like you know how to fix all those small details that make our NewZenners' life miserable...

Thank you again for your help.

Damien

Da,
Thank you very much, glad I could assist you...

Bye the way, I use Moxilla Firefox browser with the add on called web developer and firebug

1. this allows me the view a site and make changes in the stylesheet.css on the fly
2. When I like I save and upload to my site..
3. Enjoy the night.....

I did get Firebug too. Soooooo helpful.
I guess i will have to look at "web developer" too.

My coding skills are still pretty bad, but i'm learning and taking a bunch of notes. I'm getting more familiar with it and hopefully won't be bothering the Zencart Masters too often.