Hello tagdiv team,
I am facing an issue with modifications of WooCommerce Checkout. So basically I started making changes using WooCommerce Checkout drag and drop element. (See the Image 01)
I have enabled the WooCommerce Express Checkout option enabled. So on final checkout page there is Google Pay or Apple Pay button, but somehow, I am not able to modify those button placement on the TagDiv composer. Even I cannot see it. When I make modifications it doesn’t reflect on the final checkout page. So the Express Checkout button (Google Pay) button appears on top of Element everytime. Which is annoying. (See the Image 02).
Image 01: https://fuljitrading.com/wp-content/uploads/2025/02/Arc_KG1lCzrbap-scaled.jpg
Image 02: https://fuljitrading.com/wp-content/uploads/2025/02/brave_oItixZcc3j.jpg
Is there anyway to make custom changes to the placement of those buttons?
Please help me.
Hello,
Unfortunately, you cannot customize where those buttons are displayed. You can try to use this custom code CSS #wcpay-express-checkout-button-separator {
width: 100%;
}
Set the code in Theme Panel ->Custom code -> Custom CSS -> https://www.screencast.com/t/St204VtFl3NU
Thank you!
