Return to previous page

Continue to PayPal button on the checkout page is gone

This topic has 10 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

rbrynest

Participant

May 13, 2015 at 23:44

The “Continue to PayPal” button on the checkuot page is gone. It was working yesterday. I have no idea why it’s gone, but it looks like it’s a css issue. Could you please take a look ?
http://www.tmobil.no/Ny/checkout/

I’m attaching a screenshot. It should have been where the red is.

http://www.tmobil.no/Ny/paypal.jpg

Thanks

Regards
Rune

Please, contact administrator
for this information.

#63826 Copied Theme version: 2.7 WooCommerce version: 2.3.8

9 Answers
Brian Johnson

Member

May 14, 2015 at 09:05
Hello

Please add following code into the custom.css to display button:

.payment_methods .methods{float:left} .woocommerce form .form-row{display:block;float:right;} .woocommerce-checkout-payment .place-order .button {color:white;display:block} .woocommerce-checkout-payment .place-order .button:hover {color:white;display:block;text-decoration:underline;}

With best regards
Brian Johnson
#63871 Copied
rbrynest

Participant

May 14, 2015 at 10:27

Thenks, the PayPal button is there now. But your css have side effects for other woocommerce form fields on the single product page and the checkout page. All of them floats right now.

See screenshots:

http://www.tmobil.no/Ny/singleproduct.jpg

http://www.tmobil.no/Ny/step2.jpg

http://www.tmobil.no/Ny/step3.jpg

Regards
Rune

#63894 Copied
Brian Johnson

Member

May 14, 2015 at 13:39
Hello

Please use this code in custom.css instead:

#step5 .payment_methods .methods{float:left} #step5 .woocommerce form .form-row{display:block;float:right;} #step5 .woocommerce-checkout-payment .place-order .button {color:white;display:block;transform:translatey(-120px)} @media (max-width:768px){ #step5 .woocommerce-checkout-payment .place-order .button {color:white;display:block;transform:translatex(-0px)!important;} #step5 .woocommerce-checkout-payment .place-order {float:left!important}} #step5 .woocommerce-checkout-payment .place-order .button:hover {color:white;display:block;text-decoration:underline;}

It also adjusts layout for mobile devices.
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

With best regards
Brian Johnson
#63933 Copied
rbrynest

Participant

May 14, 2015 at 14:58

Hi again

I have used your code in the custom.css file. It’s better now, but the “Continue to PayPal” button is now aligned left over the PayPal option.

See screenshot:

http://www.tmobil.no/Ny/paypal_2.jpg

Thanks again for looking into this.

Regards
Rune

#63954 Copied

Eva Kemp

Participant

May 14, 2015 at 17:12

Hello,

I’ve added this code in custom.css file:
#step5 .woocommerce-checkout-payment .place-order {float:right !important}

Please check the Checkout page now.

Regards,
Eva Kemp.

#63983 Copied

rbrynest

Participant

May 14, 2015 at 18:32

Sorry, it’s not working.

The button is still on the left side.

Regards
Rune

#63996 Copied

Eva Kemp

Participant

May 14, 2015 at 19:11

Hello,

Please look at the screenshot:
http://storage1.static.itmages.com/i/15/0514/h_1431626695_5753539_d1304ed215.png
The button is on the right side.
Clear your browser cache and check in another browser.

Thank you.
Regards,
Eva Kemp.

#64002 Copied

rbrynest

Participant

May 14, 2015 at 19:28

All good 🙂

Thanks again for helping me.

Regards
Rune

#64007 Copied

Eva Kemp

Participant

May 14, 2015 at 20:56

Hello,

You’re welcome.

Regards,
Eva Kemp.

#64030 Copied
Tagged: button, checkout, missing, payment, paypal, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Continue to PayPal button on the checkout page is gone’' has been successfully resolved, and the topic is now closed for further responses

Continue to PayPal button on the checkout page is gone

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection