By using’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Wordpress and Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor

    Join us!
elementor official

Custom Single Listing Product Page - Add to Cart Button Huge



New Member
I am trying to add a Gravity Forms product option to a custom single listing product listing page made with Elementor Templates.

The template I made is simply a blank single product listing with the "Woocommerce Add to Cart" button in a single column for testing purposes.

For some reason, the "Add to Cart" button is displaying really tall and I cannot figure out why it is taking on such a large height within the CSS.

When I add the Gravity Form to the default product listing page, it displays the form nicely with a normal size "Add to Cart" button. Comparing the CSS between the two did not help me find the solution.

Any ideas on what is causing the large button and any ideas on how to fix it? Please see the attached images.

Annotation 2019-09-03 000011.png

Annotation 2019-09-03 000004.png

Latest posts

Latest Resources

Other Elementor Resources

elementor official