One Page Checkout Layout Mess

Hi,

Could you please help me with one page checkout messy layout.

Question #1.

When One Page Checkout enabled both shipment and payment methods radio buttons are messy:

One page checkout.JPG

When One Page Checkout disabled everything look right:

Shipping.JPG

Payment.JPG

Question #2

There are lines separating credit card credentials:

Payment.JPG

I would prefer to remove them.

Is it possible to instead add these lines to separate the payment and shipping methods in one page checkout.

I added those pink lines for example:

Shipping desired.JPG

Hi

Are You using the latest version of the template ? Please tell me the url to Your site.

Hi Teitbite

Yes.

http://sculptingsystems.com/

For backend access I activated your gkadmin account.

Hi

I do not know the password for the "gkadmin" account It's something only programmers use while checking their work. So please send me an access so I'll be able to log in and see this checkout.

Hi

You've send me a PM informing that You have activated my account, but I'm afraid I do not know what are my account's credentials I didn't know I had mine account at all

He-he

I sent you a proof

Now I think we are good.

Hi

That's not what I meant Sorry, I should be more clear. I need an account with a correct address so the shipment methods are displayed. Whatever I type I have a VM error and no shipment method at all. Can You prepare it for me ?

Sure.

Please use your Tetibite account with super-duper privileges for back-end activity.
Use Username: Shipping and Password: Shipping for front-end activity.

Hi

I can see it Add this code to override.css and make sure override is enabled in template settings:

Code: Select all

#checkoutForm table.cart-summary td br { display: block !important; }


Thanks Piotr.

Problem#1 is solved.
Can you please look at question #2 in the post #2

Also in addition I would remove the list of credit cards and leave only the drop down box to choose credit card type.

Hi

I've missed this part, sorry. Please add this code to override.css

Code: Select all

.vmpayment_cardinfo tbody tr td {
    border-bottom: medium none;
    padding: 10px !important;
}


unfortunately pink lines are not possible to make at the moment, there is noting to attach it to. Shipment plugin will have to be recoded first to add separators between shipment method.

This works great. Thank you Peter.

What about this question:

"Also in addition I would remove the list of credit cards and leave only the drop down box to choose credit card type."

Hi

Try add this to css:

Code: Select all

.vmpayment_cardinfo ul.cards { display: none; }