From 43793d5a5f4ed74360d5045469e16a5759949c4b Mon Sep 17 00:00:00 2001 From: Kim Coleman Date: Mon, 3 Jul 2023 07:22:13 -0400 Subject: [PATCH] Alignments work --- style.css | 61 +++++++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 52 insertions(+), 9 deletions(-) diff --git a/style.css b/style.css index e7e302f..9f58978 100644 --- a/style.css +++ b/style.css @@ -3464,24 +3464,76 @@ object { .hide-screen { display: none; } + .single.sidebar-blog-none .alignwide, + .home.page-template-default .alignwide, + .page-template-default.sidebar-none .alignwide, + .page-template-full-width .alignwide, + .page-template-fluid-width .alignwide, + .page-template-narrow-width .alignwide, + .page-template-blank .alignwide { + margin-left: calc(50% - var(--wp--style--global--wide-size) / 2 ); + margin-right: calc(50% - var(--wp--style--global--wide-size) / 2 ); + max-width: var(--wp--style--global--wide-size); + width: auto; + } } @media only screen and (min-width: 960px) and (max-width: 1160px) { .hide-screen { display: none; } + .single.sidebar-blog-none .alignwide, + .home.page-template-default .alignwide, + .page-template-default.sidebar-none .alignwide, + .page-template-full-width .alignwide, + .page-template-fluid-width .alignwide, + .page-template-narrow-width .alignwide, + .page-template-blank .alignwide { + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); + max-width: 1000%; + width: auto; + } } @media only screen and (min-width: 768px) and (max-width: 959px) { .hide-mobile { display: none; } + .single.sidebar-blog-none .alignwide, + .home.page-template-default .alignwide, + .page-template-default.sidebar-none .alignwide, + .page-template-full-width .alignwide, + .page-template-fluid-width .alignwide, + .page-template-narrow-width .alignwide, + .page-template-blank .alignwide { + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); + max-width: 1000%; + width: auto; + } } @media only screen and (max-width: 767px) { .hide-mobile { display: none; } + .single.sidebar-blog-none .alignwide, + .home.page-template-default .alignwide, + .page-template-default.sidebar-none .alignwide, + .page-template-full-width .alignwide, + .page-template-fluid-width .alignwide, + .page-template-narrow-width .alignwide, + .page-template-blank .alignwide { + margin-left: calc(50% - 50vw); + margin-right: calc(50% - 50vw); + max-width: 1000%; + width: auto; + } + .alignfull { + margin-right: -2.35rem; + margin-left: -2.35rem; + } .header-right, .site-navigation-sticky-wrapper, #site-navigation { @@ -3527,15 +3579,6 @@ object { margin: 0; text-align: center; } - .single.sidebar-blog-none .alignwide, - .page-template-default.sidebar-none .alignwide, - .page-template-full-width .alignwide, - .page-template-fluid-width .alignwide, - .page-template-narrow-width .alignwide, - .page-template-blank .alignwide { - margin-left: 0; - margin-right: 0; - } img.alignleft, img.alignright, .wp-block-image figure.alignleft,