How can I change woocommerce checkout page?

vasarlas
14 Posts
vasarlas posted this 12 December 2015

Hi!

My problem is this:

Delivery status text cover radio button in the checkout page (there is in screenshot video). How can I fix this issue?

http://classicalkatresz.hu

How can I change checkout page otherwise?

Joe

Hi! My problem is this: Delivery status text cover radio button in the checkout page (there is in screenshot video). How can I fix this issue? http://classicalkatresz.hu How can I change checkout page otherwise? Joe
Vote to pay developers attention to this features or issue.
14 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 14 December 2015

Hi,

Could you please clarify what browser are you using?
I wasn't able to reproduce the reported issue with both Chrome and FF browsers.

Thanks,
Ivan

Hi, Could you please clarify what browser are you using? I wasn't able to reproduce the reported issue with both Chrome and FF browsers. Thanks, Ivan
vasarlas
14 Posts
vasarlas posted this 14 December 2015

Hi,

Chrome, edge, explorer, ff browsers too. Look now please.

Hi, Chrome, edge, explorer, ff browsers too. Look now please.
vasarlas
14 Posts
vasarlas posted this 15 December 2015

Hi Ivan,

You had to find a solution to the problem?

Joe

Hi Ivan, You had to find a solution to the problem? Joe
Support Team
Support Team posted this 15 December 2015

Hi Joe,

Sorry for the delay.

Yes, now I see the issue.
However, I'm not sure that I understand where those radio buttons should be located at the first place.
Do you want to completely remove them?

Thanks,
Ivan

Hi Joe, Sorry for the delay. Yes, now I see the issue. However, I'm not sure that I understand where those radio buttons should be located at the first place. Do you want to completely remove them? Thanks, Ivan
vasarlas
14 Posts
vasarlas posted this 15 December 2015

Hi Ivan,

I don't want to remove them. I would like to see them. This is the delivery method's radio button. I would like this:
(first) radio button - (bullet image no!) - (next) delivery method name

thanks

Joe

Hi Ivan, I don't want to remove them. I would like to see them. This is the delivery method's radio button. I would like this: (first) radio button - (bullet image no!) - (next) delivery method name thanks Joe
vasarlas
14 Posts
vasarlas posted this 16 December 2015

Hi Ivan,

You had to find a solution to the problem?

Joe

Hi Ivan, You had to find a solution to the problem? Joe
Support Team
Support Team posted this 16 December 2015

Hi Joe,

Sorry for the delay.

The only solution I've found is to add the following code to your Themler Settings - Additional CSS:

.woocommerce ul#shipping_method li {
    padding: inherit !important;
    text-indent: inherit! important;
}
.woocommerce ul#shipping_method li:before{
   content: none !important;
}

Please let us know the result.

Thanks,
Ivan

Hi Joe, Sorry for the delay. The only solution I've found is to add the following code to your Themler Settings - Additional CSS: .woocommerce ul#shipping_method li { padding: inherit !important; text-indent: inherit! important; } .woocommerce ul#shipping_method li:before{ content: none !important; } Please let us know the result. Thanks, Ivan

Last edited 16 December 2015 by Support Team

vasarlas
14 Posts
vasarlas posted this 16 December 2015

Thanks Ivan, it is good now!

How can I change checkout page otherwise?

Thanks Ivan, it is good now! How can I change checkout page otherwise?
Support Team
Support Team posted this 16 December 2015

Hi,

I'm not sure that I understand your question.

What do you mean by "change checkout page otherwise" ?

Thanks,
Ivan

Hi, I'm not sure that I understand your question. What do you mean by "change checkout page otherwise" ? Thanks, Ivan
vasarlas
14 Posts
vasarlas posted this 16 December 2015

I would like to edit checkout page (like cart page, product details page, ect.) It is not between Main templates in Themler.

I would like to edit checkout page (like cart page, product details page, ect.) It is not between Main templates in Themler.
Support Team
Support Team posted this 18 December 2015

Hi,

All basic elements can be customized as shown on the following screenshot:

case49473.png

This checkout form layout comes from WooCommerce itself.
Thus, it's impossible to change it with Themler.

Please let us know if you have any further questions.

Thanks,
Ivan

Hi, All basic elements can be customized as shown on the following screenshot: !case49473.png! This checkout form layout comes from WooCommerce itself. Thus, it's impossible to change it with Themler. Please let us know if you have any further questions. Thanks, Ivan
vasarlas
14 Posts
vasarlas posted this 30 December 2015

hi, Ivan

I updated themler to v153. I don't find Themler Settings - Additional CSS menu. Where is?

hi, Ivan I updated themler to v153. I don't find Themler Settings - Additional CSS menu. Where is?
vasarlas
14 Posts
vasarlas posted this 30 December 2015

ohh, I had found :)

happy new year!!!

ohh, I had found :) happy new year!!!
Support Team
Support Team posted this 31 December 2015

Hi,

Great!
We wish you all the best in the upcoming year :)

Please let us know if you have any further questions.

Thanks,
Ivan

Hi, Great! We wish you all the best in the upcoming year :) Please let us know if you have any further questions. Thanks, Ivan
You must log in or register to leave comments