Home › Forums › WoodMart support forum › Paypal button want to move below add to cart butttons

Paypal button want to move below add to cart butttons

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 3, 2024 at 9:10 pm #536541

    omeerican
    Participant

    Hi, I am using elementor layput as my single Product Page. I enabled paypal buttons on Paypal by Payment plugins. But it shows the button above the cart. i want to make it below the add to cart button section. How can i do it?

    Product link for check : https://ameliebrand.com/product/amelie-oud-royale/

    February 5, 2024 at 6:49 pm #536944

    Hung Pham
    Keymaster

    Hi omeerican,

    Thanks for reaching to us and appreciate your patience.

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .wc-ppcp-product-payments__container{
	order: 16;
}

    Regards,

    February 12, 2024 at 5:35 pm #539157

    omeerican
    Participant

    In mobile how can i make Paypal and Pay later inline. now its visible verticle. i want to visible it horizontal inline. I need CSS code for that. I need it DESKTOPO also same.

    Attachments:
    You must be logged in to view attached files.
    February 12, 2024 at 8:19 pm #539278

    Hung Pham
    Keymaster

    Hi omeerican,

    I checked and saw that the buttons are different from screenshot https://prnt.sc/EEdMNuWYOEqF

    Let me know if you need further helps.

    Regards,

    February 12, 2024 at 9:26 pm #539291

    omeerican
    Participant

    Hi. Which from country did you check the website? pls check screenshots. This result can different based on country you visit the website? this screen shot get from UK

    Attachments:
    You must be logged in to view attached files.
    February 13, 2024 at 7:17 pm #539661

    Hung Pham
    Keymaster

    Hi omeerican,

    I tried to connect to UK via VPN but still do not see that https://prnt.sc/FtqPs6L3k08z

    Regards,

    February 13, 2024 at 10:41 pm #539708

    omeerican
    Participant

    Why its different i can see paypal buttons above the add to cart button as the images

    Attachments:
    You must be logged in to view attached files.
    February 14, 2024 at 8:55 am #539802

    Hung Pham
    Keymaster

    Hi omeerican,

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.

    Regards,

    February 14, 2024 at 11:20 am #539869

    omeerican
    Participant

    Provided

    February 14, 2024 at 12:56 pm #539948

    Hung Pham
    Keymaster

    Hi omeerican,

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .single-product #wc-ppcp-product-button-container .paypal-buttons:nth-child(n+2){
	margin-top: 0;
}

.single-product #wc-ppcp-product-button-container{
	display: inline-flex;
	flex-wrap: nowrap;
}

.single-product #wc-ppcp-product-button-container .paypal-buttons{
	margin-right: 10px;
	flex: 0 0 80%;
}

    Add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

    .single-product #wc-ppcp-product-button-container .paypal-buttons{
	flex: 0 0 50%;
}

    Regards,

    February 14, 2024 at 3:07 pm #540006

    omeerican
    Participant

    Thanks it worked. can we switch button order as screenshot attached?

    Attachments:
    You must be logged in to view attached files.
    February 14, 2024 at 4:38 pm #540064

    Hung Pham
    Keymaster

    Hi omeerican,

    Please remove Custom CSS above from Global CSS and use below one

    .single-product #wc-ppcp-product-button-container .paypal-buttons:nth-child(n+2){
	margin-top: 0;
}

.single-product #wc-ppcp-product-button-container{
	display: inline-flex;
	flex-wrap: nowrap;
}

.single-product #wc-ppcp-product-button-container .paypal-buttons{
	margin-right: 10px;
	flex: 0 0 60%;
}

.single-product #wc-ppcp-product-button-container .paypal-buttons{
	order: 2;
}

    Regards,

    February 14, 2024 at 8:29 pm #540141

    omeerican
    Participant

    It not work. COuld you pls check. I want Paypal Button first. then pay later button

    February 15, 2024 at 8:46 am #540214

    Hung Pham
    Keymaster

    Hi omeerican,

    Please remove Custom CSS here https://xtemos.com/forums/topic/paypal-button-want-to-move-below-add-to-cart-butttons/#post-540064 and use below one

    .single-product #wc-ppcp-product-button-container .paypal-buttons:nth-child(n+2){
	margin-top: 0;
}

.single-product #wc-ppcp-product-button-container{
	display: inline-flex;
	flex-wrap: nowrap;
}

.single-product #wc-ppcp-product-button-container .paypal-buttons{
	margin-right: 10px;
	flex: 0 0 60%;
}

.single-product #wc-ppcp-product-button-container .paypal-buttons:first-child{
	order: 3;
}

    Regards,

    February 22, 2024 at 8:46 pm #542977

    omeerican
    Participant

    Ok Thank You It worked

    February 23, 2024 at 7:03 am #543033

    Hung Pham
    Keymaster

    Hi omeerican,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    If you have a quick minute we always appreciate a 5-star rating on our theme!

    https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

    Your feedback is the motivation to improve our work and services.

    Regards,

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Paypal button want to move below add to cart butttons’ is closed to new replies.