[194rocParticipant]

WP version: 4.2.2
THeme version X child renew 4.0.4

Hello there,

on my website, http://www.castello.it, is installed the woo commerce plug-in.
Everything it is almost ok, few details that need to be fixed, but the CHECKOUT page is terrible.
You can see the screenshot http://prntscr.com/7r3vbf or even better make a test yourself.
The styling is really horrible. Is there anything can be done to provide my customer a better layout ?

Thank you very much for your help.

Best regards,

Roberto

[Prasant RaiModerator]

Hello Roberto,

Thanks for writing in!

Kindly use following CSS under Custom > CSS in the Customizer:

table.shop_table.woocommerce-checkout-review-order-table {
    margin: 0 !important;
}

.woocommerce-checkout #payment {
    width: 990px;    background: #f7f6f7;    display: block;    padding: 18px;
}

Let us know how it goes.

Thanks.

[194rocParticipant]

Thanks to you guys..
It goes much better.
But what if I would like to apply further customization ?
For example I noticed that in the majority of themes available the block of the two address, shipping and invoice, are on the same level. Would it be possible to decrease the length of the item included and having them alligned ?

Thank you very much for your great support.

Roberto

[Rue NelModerator]

Hello There,

Glad to know that it worked out for you. For your other question, regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[194rocParticipant]

You are right.. I didn’t gave you enough informations of what I would like to accomplish..
Sorry…

Actually there are different things I would like to change but keeping things to the essential, here a list of what, in my opinion should be modified:

– The shipping and billing forms should stay together like shown on the screenshot http://prntscr.com/7rdruq
– The radio option create an account should be placed underneath the email field http://prntscr.com/7rdu7k (I would like also to translate “create an account” to italian “crea un account”
– Would be possible to insert a picture of the chosen item in the checkout page ?
– How to insert the Paypal logo image aside the payment method ?
– One more thing…In the demo you provided of the renew child theme I noticed that in the cart page and in the checkout page http://prntscr.com/7re0da http://prntscr.com/7re0jy is showed the availability of free shipping, the same method I offer to my customers. Well, I try all the possible options in the woo commerce system option, but I can’t get the same result. Basically I would like to show my customers, in all pages, cart, checkout, aside the shipment item the free shipping label.

I know it is a lot of stuff, and I apologies, but let me tell you, as Kyle say in the video I receive, The Themeco Story, your support is what make the difference with other themes.

Thanks again,

Roberto

P.S.: If you may need, I am sending with the next private post all the needed credentials.

[194rocParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

shipping and billing forms, checkout page :

It could be possible only with custom development which is outside the scope of our support.

“Create account” check box and paypal logo :
Please try this:

p.form-row.form-row-wide.create-account {
  width: 100%;
  float: left;
}
li.payment_method_paypal label:before {
  content: url("http://www.castello.it/wp-content/plugins/woocommerce/includes/gateways/paypal/assets/images/paypal.png");
  vertical-align: middle;
}

Free shipping:

Please check this :
http://docs.woothemes.com/document/free-shipping/

Hope it helps.

[194rocParticipant]

Everything is much better now.

Thanks again for your help

[RadModerator]

You’re welcome!

[Author]

Posts