Showing 9,134 of 9,134 total issues
Adjoining classes: body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.content-restricted .woocommerce Open
Open
body:not(.logged-in).woocommerce-login .woocommerce, body:not(.logged-in).woocommerce-login .wc-social-login, body:not(.logged-in).content-restricted .woocommerce, body:not(.logged-in).content-restricted .wc-social-login, body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.woocommerce-login .woocommerce, body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.woocommerce-login .wc-social-login, body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.content-restricted .woocommerce, body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.content-restricted .wc-social-login { max-width: 550px; margin-right: auto; margin-left: auto; }- Exclude checks
The property -ms-box-pack is compatible with -webkit-box-pack and should be included as well. Open
Open
.checkout.lsx-wc-checkout-distraction-free.page-template .header-wrap #masthead .checkout-navbar { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }- Exclude checks
Adjoining classes: .gutenberg-compatible-template.using-gutenberg .entry-content div.woocommerce-message Open
Open
@media (min-width: 768px) and (max-width: 1140px) { .gutenberg-compatible-template.using-gutenberg .entry-content div.woocommerce-message { margin-right: 30px; margin-left: 30px; } }- Exclude checks
Adjoining classes: body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.woocommerce-login .woocommerce Open
Open
body:not(.logged-in).woocommerce-login .woocommerce, body:not(.logged-in).woocommerce-login .wc-social-login, body:not(.logged-in).content-restricted .woocommerce, body:not(.logged-in).content-restricted .wc-social-login, body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.woocommerce-login .woocommerce, body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.woocommerce-login .wc-social-login, body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.content-restricted .woocommerce, body:not(.logged-in).gutenberg-compatible-template.using-gutenberg.content-restricted .wc-social-login { max-width: 550px; margin-right: auto; margin-left: auto; }- Exclude checks
Adjoining classes: .checkout.lsx-wc-checkout-distraction-free.page-template .header-wrap #masthead .checkout-navbar Open
Open
.checkout.lsx-wc-checkout-distraction-free.page-template .header-wrap #masthead .checkout-navbar { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }- Exclude checks
The property -ms-box-flex is compatible with -webkit-box-flex and should be included as well. Open
Open
.content-area .plans-products-wrapper .plan-product { text-align: center; margin-right: auto; margin-left: auto; padding: 2.4rem; margin-bottom: 4rem; background-color: white; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 50%; }- Exclude checks
Adjoining classes: .checkout.lsx-wc-checkout-distraction-free.page-template .header-wrap #masthead .primary-navbar Open
Open
.checkout.lsx-wc-checkout-distraction-free.page-template .header-wrap #masthead .primary-navbar { display: none !important; }- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
@media (max-width: 600px) { #account-nav .nav.nav-pills, #type-nav .nav.nav-pills { width: 100vw; margin-right: -15px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-behavior: smooth; } }- Exclude checks
Adjoining classes: .gutenberg-compatible-template.using-gutenberg .entry-content div.woocommerce-message Open
Open
.gutenberg-compatible-template.using-gutenberg .entry-content div.woocommerce-message { max-width: 1140px; width: 100%; margin-top: 43px; }- Exclude checks
The property -moz-box-orient is compatible with -webkit-box-orient and should be included as well. Open
Open
@media (max-width: 600px) { #account-nav .nav.nav-pills li a, #type-nav .nav.nav-pills li a { font-size: 13px; width: 100%; padding: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; min-width: auto; line-height: 25px; } }- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
#account-nav, #type-nav { max-width: 1140px; width: 100%; margin-top: 45px; margin-bottom: 30px; }- Exclude checks
Adjoining classes: .checkout.lsx-wc-checkout-distraction-free.page-template .header-wrap #masthead .checkout-navbar ul li a Open
Open
.checkout.lsx-wc-checkout-distraction-free.page-template .header-wrap #masthead .checkout-navbar ul li a { font-weight: bold; }- Exclude checks
Don't use IDs in selectors. Open
Open
#account-nav .nav.nav-pills li a.my-plan-tab::after, #type-nav .nav.nav-pills li a.my-plan-tab::after { content: '\f0e7'; }- Exclude checks
Adjoining classes: #account-nav .nav.nav-pills li:not(.active) a Open
Open
#account-nav .nav.nav-pills li:not(.active) a, #type-nav .nav.nav-pills li:not(.active) a { opacity: 0.7; } }- Exclude checks
Don't use IDs in selectors. Open
Open
.page.login #footer-cta, .page.login #footer-widgets, .recipe-template-default #footer-cta, .recipe-template-default #footer-widgets, .post-type-archive-recipe #footer-cta, .post-type-archive-recipe #footer-widgets, .tax-recipe-type #footer-cta, .tax-recipe-type #footer-widgets, .tax-recipe-cuisine #footer-cta, .tax-recipe-cuisine #footer-widgets, .my-plan #footer-cta, .my-plan #footer-widgets, .single-plan #footer-cta, .single-plan #footer-widgets { display: none; }- Exclude checks
Duplicate property 'display' found. Open
Open
#account-nav .nav.nav-pills li a, #type-nav .nav.nav-pills li a { border-radius: 0; background: #ffffff; font-family: 'Noto Sans', sans-serif; font-size: 15px; color: #999999; padding: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 200px; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }- Exclude checks
Adjoining classes: .page.login #footer-widgets Open
Open
.page.login #footer-cta, .page.login #footer-widgets, .recipe-template-default #footer-cta, .recipe-template-default #footer-widgets, .post-type-archive-recipe #footer-cta, .post-type-archive-recipe #footer-widgets, .tax-recipe-type #footer-cta, .tax-recipe-type #footer-widgets, .tax-recipe-cuisine #footer-cta, .tax-recipe-cuisine #footer-widgets, .my-plan #footer-cta, .my-plan #footer-widgets, .single-plan #footer-cta, .single-plan #footer-widgets { display: none; }- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
@media (max-width: 600px) { #account-nav .nav.nav-pills li a, #type-nav .nav.nav-pills li a { font-size: 13px; width: 100%; padding: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; min-width: auto; line-height: 25px; } }- Exclude checks
The property -moz-box-flex is compatible with -webkit-box-flex and should be included as well. Open
Open
.content-area .plans-products-wrapper .plan-product { text-align: center; margin-right: auto; margin-left: auto; padding: 2.4rem; margin-bottom: 4rem; background-color: white; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 50%; }- Exclude checks
Don't use IDs in selectors. Open
Open
@media (max-width: 600px) { #account-nav, #type-nav { margin-top: 0; margin-bottom: 30px; } }- Exclude checks