diff --git a/plugins/woocommerce/changelog/46403-update-LYS-template-layout b/plugins/woocommerce/changelog/46403-update-LYS-template-layout
new file mode 100644
index 00000000000..52ca74a16f7
--- /dev/null
+++ b/plugins/woocommerce/changelog/46403-update-LYS-template-layout
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+Comment: Update styles to unreleased feature
+
diff --git a/plugins/woocommerce/src/Admin/Features/LaunchYourStore.php b/plugins/woocommerce/src/Admin/Features/LaunchYourStore.php
index 36e182fd917..550ecc8d4fa 100644
--- a/plugins/woocommerce/src/Admin/Features/LaunchYourStore.php
+++ b/plugins/woocommerce/src/Admin/Features/LaunchYourStore.php
@@ -148,18 +148,10 @@ class LaunchYourStore {
$heading = __( 'Pardon our dust! We\'re working on something amazing -- check back soon!', 'woocommerce' );
return sprintf(
- '
-
+ '
+
+
%s
+
',
$heading
);
diff --git a/plugins/woocommerce/templates/templates/blockified/coming-soon-entire-site.html b/plugins/woocommerce/templates/templates/blockified/coming-soon-entire-site.html
index caf138767df..19f4c7f4a46 100644
--- a/plugins/woocommerce/templates/templates/blockified/coming-soon-entire-site.html
+++ b/plugins/woocommerce/templates/templates/blockified/coming-soon-entire-site.html
@@ -8,8 +8,8 @@
-
-
+
+
@@ -25,8 +25,8 @@
-
-
+
+
Powered by
@@ -42,12 +42,34 @@
}
.page-template-coming-soon-entire-site .wp-block-loginout {
background-color: #000000;
- padding: 7px 8px;
+ padding: 7px 17px;
border-radius: 6px;
}
.page-template-coming-soon-entire-site .wp-block-loginout a {
color: #ffffff;
text-decoration: none;
- line-height: 26px;
+ line-height: 17px;
+ font-size: 14px;
+ font-weight: 500;
+ }
+ .woocommerce-coming-soon-powered-by-woo {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ }
+ body .is-layout-constrained > .woocommerce-coming-soon-banner.alignwide {
+ max-width: 820px;
+ }
+ .woocommerce-coming-soon-banner-container {
+ width: 100%;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+ .woocommerce-coming-soon-banner {
+ font-size: 48px;
+ font-weight: 400;
+ line-height: 58px;
}
diff --git a/plugins/woocommerce/templates/templates/coming-soon-entire-site.html b/plugins/woocommerce/templates/templates/coming-soon-entire-site.html
index 0e5fce37e2b..19f4c7f4a46 100644
--- a/plugins/woocommerce/templates/templates/coming-soon-entire-site.html
+++ b/plugins/woocommerce/templates/templates/coming-soon-entire-site.html
@@ -8,8 +8,8 @@
-
-
+
+
@@ -25,8 +25,8 @@
-
-
+
+
Powered by
@@ -42,13 +42,34 @@
}
.page-template-coming-soon-entire-site .wp-block-loginout {
background-color: #000000;
- padding: 7px 8px;
+ padding: 7px 17px;
border-radius: 6px;
}
.page-template-coming-soon-entire-site .wp-block-loginout a {
color: #ffffff;
text-decoration: none;
- line-height: 26px;
+ line-height: 17px;
+ font-size: 14px;
+ font-weight: 500;
+ }
+ .woocommerce-coming-soon-powered-by-woo {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ }
+ body .is-layout-constrained > .woocommerce-coming-soon-banner.alignwide {
+ max-width: 820px;
+ }
+ .woocommerce-coming-soon-banner-container {
+ width: 100%;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+ .woocommerce-coming-soon-banner {
+ font-size: 48px;
+ font-weight: 400;
+ line-height: 58px;
}
-
\ No newline at end of file