Checkout page text alignment

[Mohammad – SUPPORT]

Hi,
Please use also this custom css code:-

.review-order-wrap {
    padding: 45px 10px 10px !important;
}
.review-order-wrap table.shop_table tr td.product-name {
    text-align: left;
    width: 200px !important;
}

Thanks
Mohammad

[AgenceSurprise]

This one works on the product name ! That’s a first step 😉 Thanks !!

But it hasn’t change anything in the delivery modes (see attached)
Do you thing it may be the “delivery” (livraison) word that could be a problem ? (it’s aligned on the left, so maybe it blocks the rest of the text ?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Can i remove the text livraison to fix the issue?
Thanks
Mohammad

[AgenceSurprise]

Yes of course you can.
I think it’s because there are two columns and when I resize the first one with your codes, it resizes the second on also.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.review-order-wrap table.shop_table tr.shipping th {
    display:none !important;
}

.review-order-wrap table.shop_table tr.shipping td {
    width: 100% !important;
}

Thanks
Mohammad

[AgenceSurprise]

THANK YOU SO MUCH !
It works, I just had to reduce the margins so that the divider fit in.
The text is a bit in the middle, but it’s not a big deal !

Really, thank you very much Mohammad !

I have an other question, I would like to remove the shipping methods choice from the cart and let it only on the checkout page, would you have an idea to help me ?

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> WooCommerce -> Settings -> Shipping -> Enable the shipping calculator on the cart page – Disable it.
Thanks
Mohammad

[AgenceSurprise]

I’m not talking about the shipping calculator but the shipping methods, right now, the client can choose from his cart the shipping methods he prefers, and then he can choose again on the checkout page, I would like to disable the choice of the shipment method on the “view cart”.
Is it possible ?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.page-id-7 tr.shipping{
display:none !important;
}

Thanks
Mohammad

[AgenceSurprise]

Thank you very very much Mohammad for your help and sorry for being so annoying 🙂

[Rui Guerreiro – SUPPORT]

Glad it’s sorted. Thanks Mohammad.
-Rui