Checkout Help

[Rahim]

Hi Harry,

I need some css help on my checkout page.

1- The email input field needs to get clear row.

It should come after billing mobile number.

It’s fine on mobile, but not in desktop : http://take.ms/kW2xC

2- Before inserting an address, there is a message to put your address to calculate shipping fee.

This also needs to get left text align : http://take.ms/GqX5O

3- I like to hide the drop down scroll on the left. I mean I want it to not have any scroll on any device. http://take.ms/GdT9A

3- after making an order, the custom drop down value. needs to get left text align on order details table.

just try to make a sample order to see the bug. no worries about the paymenet gateway. : http://take.ms/ZwOZ7

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

1,2,4. Please add below code

#billing_email_field {float: none;}
[dir="rtl"] .shop_table .shipping td p, [dir="rtl"] .shop_table tfoot td {text-align: left;}

3. I’m sorry can’t hide scroll

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Hi Harry,

Thank you so mcuh for the help.

How can I make the email field and drop down full width? http://take.ms/LrVAk

The code didn’t left align the footer of the order table.

Regards.

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

1. I see you make email field full width, for dropdown please check you custom code in child-theme > style.css

2. Please give me an account info to make place order on your site i don’t know your language. I check on my local it still work well

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Hi Harry,

The code is added to style.css of the child theme already.

For dropdown I cannot find the right element. So I need your help for full width on this.

You can make an order as a guest.

And just insert some not corrected info like name and email and mobile.

I make the payment only cash on delivery.

so you cit can be easy to proceed.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

You can fix the footer via this link. No need to make an order :

https://look.ir/checkout/order-received/9395/?key=wc_order_5bc2dde287401

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add more code

.shop_table.custom-fields td {text-align: left;}
span.select2-container {width: 100% !important;}

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts