From 0bbc274052bbecd8ffcbff8ace485dfebf225a8d Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Fri, 4 May 2018 15:01:08 -0400 Subject: [PATCH] Style changed to fix the woocommerce checkout captcha area --- scss/_main.scss | 4 ++++ scss/plugins/_woocommerce.scss | 22 ++++++++++++++++++++++ 2 files changed, 26 insertions(+) diff --git a/scss/_main.scss b/scss/_main.scss index 8d1970b..448e2f2 100644 --- a/scss/_main.scss +++ b/scss/_main.scss @@ -76,6 +76,10 @@ main.page-inside { #main-content { padding-right: 42px; padding-left: 42px; + @media #{$small-only} { + padding-right: 6%; + padding-left: 6%; + } } ul { // list-style: none; diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss index d2df4d9..3c9cfc7 100644 --- a/scss/plugins/_woocommerce.scss +++ b/scss/plugins/_woocommerce.scss @@ -432,6 +432,28 @@ h1.product_title { max-width: 3.631em; text-align: center; } +body { + .woocommerce #payment .terms, + .woocommerce #payment .wc-terms-and-conditions, + .woocommerce-page #payment .terms, + .woocommerce-page #payment .wc-terms-and-conditions { + float: none; + text-align: center; + padding: 10px; + } + .woocommerce-checkout #payment div.form-row { + padding: 0; + } + .g-recaptcha > div { + margin: 0 auto; + } + .woocommerce #payment #place_order { + float: none; + margin: 10px auto; + display: block; + max-width: 130px; + } +} #payment .payment_methods { .form-row.place-order { text-align: center; -- 2.17.1