Checkout Shipping and Checkout Payment Page Layout

Hi,

I'm a Zencart Newbie, and had a site created for me. That said, I'm pleased with the site but for a couple of minor changes. I've scoured the forum for a couple hours, and have decided that I need to make changes to the .css files?, but don't know how/where. A little direction/help would be much appreciated.

My Website: https://www.physics6.com

Problem Description:

A.
Step 1 of 3 (checkout shipping) after adding an item to cart and beginning checkout

The prices appear above the Fedex shipping option radio buttons for both express and ground.
I'd like it to be:
(radio button) Fedex Ground: $Price

B.
Step 2 of 3 (checkout payment)
Under "Your Total", the prices are appearing before the descriptions.

Any help you can provide would be much appreciated, and if you can be very specific with the file locations, that would be great.

Thank you.:D

scisupply:

Hi,

I'm a Zencart Newbie, and had a site created for me. That said, I'm pleased with the site but for a couple of minor changes. I've scoured the forum for a couple hours, and have decided that I need to make changes to the .css files?, but don't know how/where. A little direction/help would be much appreciated.

My Website: www.physics6.com

Problem Description:

A.
Step 1 of 3 (checkout shipping) after adding an item to cart and beginning checkout

The prices appear above the Fedex shipping option radio buttons for both express and ground.
I'd like it to be:
(radio button) Fedex Ground: $Price

B.
Step 2 of 3 (checkout payment)
Under "Your Total", the prices are appearing before the descriptions.

Any help you can provide would be much appreciated, and if you can be very specific with the file locations, that would be great.

Thank you.:D

It will be hard for anyone to advise due to having to create an account to see those pages.

Create a dummy account and PM me the email and pass and I will take a look.

To make changes to the .css file, it is located in

/includes/templates/YOUR_TEMPLATE/css/

rbarbour:

It will be hard for anyone to advise due to having to create an account to see those pages.

Create a dummy account and PM me the email and pass and I will take a look.

To make changes to the .css file, it is located in

/includes/templates/YOUR_TEMPLATE/css/

Thanks for the quick reply. I'm sorry for the delayed reply, but your reply must have been blocked by my spam filter, so I didn't see it until I logged in a few minutes ago. Per your request, I've created a test account, and the details are below.

Email Address: test(at)gmail.com
Password: test123

I really appreciate any assistance you can provide, and thanks for taking the time to reply!

Email Address: test(at)gmail.com
Password: test123

Kinda of an aside, but might be related ...

Are you using an old FedEx or a current one from numinix's site? :lookaroun

One reason I ask is, that before fixing this issue you may want to ensure that you are using a current version of FedEx ...

Hi,

Add the following code to the file
https://www.physics6.com/includes/templates/classic/css/stylesheet.css

.forward {
float:right;
}

That will fix your 2 issues.

Ajeh:

Kinda of an aside, but might be related ...

Are you using an old FedEx or a current one from numinix's site? :lookaroun

One reason I ask is, that before fixing this issue you may want to ensure that you are using a current version of FedEx ...

I'll have to check into that. I'm pretty sure it is the old version of Fedex. Thanks for the tip!

scisupply:

I'll have to check into that. I'm pretty sure it is the old version of Fedex. Thanks for the tip!

I updated to the Newminix version, and it's working fine. The problem with the placement still persists however. I'm going to try the fix suggested by Responsive. Again, I appreciate the help. Glad to have the most current module installed!

responsivezc:

Hi,

Add the following code to the file
https://www.physics6.com/includes/templates/classic/css/stylesheet.css

.forward {
float:right;
}

> 
> That will fix your 2 issues.

I opened the stylesheet file, but am confused as to where exactly to put the code (newbie). If you can be specific with regard to location within the css file, I would really appreciate it. Thanks in advance for your time!

Hi,

Put the code at the end of your style sheet.

.forward {
float:right;
}

responsivezc:

Hi,

Put the code at the end of your style sheet.

.forward {
float:right;
}

Worked like a charm. Pure genius. I am grateful for the help! :smile:

scisupply:

I updated to the Newminix version, and it's working fine. The problem with the placement still persists however. I'm going to try the fix suggested by Responsive. Again, I appreciate the help. Glad to have the most current module installed!

Glad to hear that you were able to get the current version of FedEx installed ... I had hear that the old version(s) had shipping issues/problems and that the new versions resolved these ... :smile: