no gap between the paypay button and the “add to cart” button

Hi @anneng1,

Could you please provide a link to your site so we can take a look at it?
Thanks!

The woocommerce_after_add_to_cart_form hook used in the filter should already provide some headroom, but you could also try it with different ones like this: woocommerce_product_meta_start
Here is a visual guide with more examples: https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

Kind regards,
Niklas

I have tried woocommerce_product_meta_start, it not showing. So now I still use woocommerce_after_add_to_cart_form.

My link: https://vanncamp.com/mercedes-benz-sprinter-van-accessories/windshield-sun-shade/

By the way, I use elementor to design the single product page.

Hi @anneng1,

Thanks for providing a link!
The Elementor plugin may not implement all of the default WooCommerce hooks on the custom single product page. If you use a hook in the filter that is not implemented by the theme or page builder (like for example woocommerce_product_meta_start), then the button will essentially be hooked “nowhere”.

The custom CSS also applies correctly on the Cart and Checkout page, so this behavior is likely related to the Elementor plugin.
Could you please give it a try by regenerating the CSS in Elementor and clearing the cache?: https://elementor.com/help/custom-css-not-working/
This should usually do it but if that alone does not yet help, then I’d suggest additionally reaching out to the Elementor support.

Kind regards,
Niklas

I have regenerated the Elementor CSS, not work. I will ask elementor for help.
Thank you.

Hello,

It has been quite some time since our last communication, so we will mark this thread as resolved. Please open a new thread if you are still facing issues or have questions that you need us to answer.

Kind regards,
Joost