Showing 9,134 of 9,134 total issues
Don't use IDs in selectors. 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
Don't use IDs in selectors. 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: #type-nav .nav.nav-pills li a::after Open
Open
@media (max-width: 600px) { #account-nav .nav.nav-pills li a::after, #type-nav .nav.nav-pills li a::after { width: 100%; height: 20px; margin: 0 0 5px 0; } }
- Exclude checks
Adjoining classes: #type-nav .nav.nav-pills li Open
Open
@media (max-width: 600px) { #account-nav .nav.nav-pills li, #type-nav .nav.nav-pills li { margin: 0; width: 33.333%; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; scroll-snap-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 2px; margin-top: 1px; }
- Exclude checks
Adjoining classes: #account-nav .nav.nav-pills li a 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
Adjoining classes: #account-nav .nav.nav-pills li a.my-plan-tab::after 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
Use of !important Open
Open
.my-profile-block { overflow: initial !important; }
- Exclude checks
The property -ms-box-direction is compatible with -webkit-box-direction and should be included as well. Open
Open
#lsx-hp-related .lsx-related-posts.lsx-related-posts-content .col-xs-12 .lsx-related-posts-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: -15px; margin-left: -15px; }
- Exclude checks
The property -ms-box-pack is compatible with -webkit-box-pack and should be included as well. Open
Open
#lsx-hp-related .lsx-related-posts.lsx-related-posts-content .col-xs-12 .lsx-related-posts-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: -15px; margin-left: -15px; }
- Exclude checks
Don't use IDs in selectors. Open
Open
body.single-plan #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12, body.single-workout #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12, body.single-meal #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12 { text-align: right; }
- Exclude checks
Don't use IDs in selectors. Open
Open
body.single-plan #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12 .lsx-related-posts-headline, body.single-workout #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12 .lsx-related-posts-headline, body.single-meal #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12 .lsx-related-posts-headline { font-size: 22px; }
- Exclude checks
Adjoining classes: body.single-plan #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12 Open
Open
body.single-plan #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12, body.single-workout #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12, body.single-meal #lsx-hp-related .lsx-related-posts.lsx-related-posts-title .col-xs-12 { text-align: right; }
- Exclude checks
Values of 0 shouldn't have units specified. Open
Open
body.woocommerce-account.woocommerce-edit-account #primary.content-area { margin-top: 0px; margin-bottom: 0px; }
- Exclude checks
Adjoining classes: body:not(.logged-in).woocommerce-account.my-plan .woocommerce Open
Open
body:not(.logged-in).woocommerce-account.my-plan .woocommerce { max-width: 550px; margin-right: auto; margin-left: auto; }
- Exclude checks
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
Element (p.woocommerce-LostPassword.lost_password) is overqualified, just use .lost_password without element name. Open
Open
body:not(.logged-in).woocommerce-account.my-plan .woocommerce p.woocommerce-LostPassword.lost_password a { color: #f7ae00; }
- Exclude checks
Element (button#place_order) is overqualified, just use #place_order without element name. Open
Open
#payment.woocommerce-checkout-payment .form-row.place-order button#place_order { margin-top: 5px; float: initial; width: 100%; background-color: #f7ae00; -webkit-box-shadow: -2px 2px 0 0 #ce9100; box-shadow: -2px 2px 0 0 #ce9100; }
- Exclude checks
2 IDs in the selector, really? Open
Open
#payment.woocommerce-checkout-payment .form-row.place-order button#place_order:hover { background-color: #ce9100; }
- Exclude checks
Adjoining classes: body:not(.logged-in).woocommerce-account.my-plan .woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row.form-row.form-row-first Open
Open
body:not(.logged-in).woocommerce-account.my-plan .woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row.form-row.form-row-first { width: 100%; }
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
body:not(.logged-in).woocommerce-account.woocommerce-lost-password .wrap.container .archive-header-wrapper.banner-page { display: block !important; padding: 0; height: 200px; width: 100vw; }
- Exclude checks