Woocommerce buttons, grey area at bottom and filling entire screen
— U P D A T E D —
Add this CSS rules to the style.php
file of your active child theme or theme
For your icon buttons :
.button.product_type_variable.add_to_cart_button, .single_add_to_cart_button.button, button.single_add_to_cart_button, .button.wc-forward { padding-left: 34px !important;}.button.product_type_variable.add_to_cart_button:before, .single_add_to_cart_button.button:before,button.single_add_to_cart_button:before, .button.wc-forward:before { top: 6px !important;}
For your content (only woocommerce pages):
.woocommerce .content-wrap { width: 934px; margin: 0 auto; padding: 20px 30px 20px 36px;}
You will have to add custom media queries and adapt the values of this rules depending on target screen resolutions.
I think that you haven't set correctly your pages (regarding your theme), that's why you have this kind of "content" problems on woocommerce pages:
The best way to solve this kind of issue is to contact author's theme support threads, opening a ticket.