Order Steps (tableless) support thread

[CaroleAs]

Darn... cannot find the edit button.
The previous post should read "but it will NOT make the text itself spread wider"

[clydejones]

That will spread the NUMBERS (which is what i did here), but it will now make the text itself spread wider. Here is what i did by editing the numbers.gif image:



Now, where do i edit so the words match the graphic? also, now, the number 4 is not showing up. Is there a css file to edit?

Darn... cannot find the edit button.
The previous post should read "but it will NOT make the text itself spread wider"

The css files are:

checkout_confirmation.css
checkout_payment.css
checkout_shipping.css
checkout_success.css

[CaroleAs]

Thank you.

I hope it wont sound like a stupid question, but those css files are in the YOUR_TEMPLATE folder, and not associated with the language ones. Does that mean that whatever change i apply to the css file will automatically be the same in BOTH the French and English pages? I know i need that extra space in French, but i dont need it in English, although it would not be a problem. Just want to make sure i am editing at the right place.

[clydejones]

Thank you.

I hope it wont sound like a stupid question, but those css files are in the YOUR_TEMPLATE folder, and not associated with the language ones. Does that mean that whatever change i apply to the css file will automatically be the same in BOTH the French and English pages? I know i need that extra space in French, but i dont need it in English, although it would not be a problem. Just want to make sure i am editing at the right place.

The css files would apply to both.

[CaroleAs]

Can i push my luck and ask which values need to be changed for moving the text further right? (css is foreign language for me)

[clydejones]

Can i push my luck and ask which values need to be changed for moving the text further right? (css is foreign language for me)

You'll want to change the width to match the width of your edited graphic.

.progressmeter {overflow:auto; margin:1em auto;width:542px;}

make sure you make the change in each of the css files I provided above.

[CaroleAs]

Thanks, it made the digits reappear but i will still have to tweak with it so the text is moved (haven`t figured out how to so so, but i can play around). At least, i am working on the correct file now! :)

[CaroleAs]

I am not getting anything now. I notice this:



Not sure why it gets back to number 1 at third step.
Could you direct me somewhere i could find out how to edit the css files to get what i need since changing on the css files to get each "text" at say 25 pixels from the left of the number.gif, then 200, 375 and 550.

Thanks.

[clydejones]

I am not getting anything now. I notice this:



Not sure why it gets back to number 1 at third step.
Could you direct me somewhere i could find out how to edit the css files to get what i need since changing on the css files to get each "text" at say 25 pixels from the left of the number.gif, then 200, 375 and 550.

Thanks.

a link to your site would really be useful.

[CaroleAs]

Sorry, didn't think you would check it!
http://creationcassel.com/storetest