at path:
ROOT
/
wp-content
/
plugins
/
woocommerce
/
assets
/
css
/
forms.scss
run:
R
W
Run
jquery-ui
DIR
2026-04-15 05:42:41
R
W
Run
photoswipe
DIR
2026-04-15 05:42:41
R
W
Run
_animation.scss
123 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
_fonts.scss
560 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
_mixins.scss
6.66 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
_variables.scss
1.87 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
activation-rtl.css
1.16 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
activation.css
1.16 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
activation.scss
1.21 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
address-autocomplete-rtl.css
2.8 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
address-autocomplete.css
2.8 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
address-autocomplete.scss
2.77 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
admin-rtl.css
358.09 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
admin.css
357.98 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
admin.scss
146.28 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
auth-rtl.css
2.5 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
auth.css
2.5 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
auth.scss
2.04 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
brands-admin-rtl.css
61 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
brands-admin.css
61 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
brands-admin.scss
68 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
brands-rtl.css
2.23 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
brands.css
2.23 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
brands.scss
3.07 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
coming-soon-entire-site-deprecated-rtl.css
2.79 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
coming-soon-entire-site-deprecated.css
2.79 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
coming-soon-entire-site-deprecated.scss
2.57 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
coming-soon-rtl.css
989 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
coming-soon.css
990 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
coming-soon.scss
1.11 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
dashboard-rtl.css
4.71 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
dashboard-setup-rtl.css
661 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
dashboard-setup.css
660 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
dashboard-setup.scss
736 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
dashboard.css
4.71 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
dashboard.scss
3.74 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
forms-rtl.css
5.37 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
forms.css
5.36 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
forms.scss
5.16 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
helper-rtl.css
16.49 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
helper.css
16.49 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
helper.scss
16.52 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
marketplace-suggestions-rtl.css
20.84 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
marketplace-suggestions.css
20.84 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
marketplace-suggestions.scss
8.69 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
menu-rtl.css
4.8 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
menu.css
4.8 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
menu.scss
2.74 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
network-order-widget-rtl.css
2.32 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
network-order-widget.css
2.32 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
network-order-widget.scss
1.46 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
prettyPhoto-rtl.css
8.96 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
prettyPhoto.css
8.95 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
prettyPhoto.scss
7.84 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
privacy-rtl.css
1.61 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
privacy.css
1.61 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
privacy.scss
1.98 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
reports-print-rtl.css
1.25 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
reports-print.css
1.24 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
reports-print.scss
1.51 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
select2.css
14.28 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
select2.scss
16.37 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-nineteen-rtl.css
26.57 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-nineteen.css
26.56 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-nineteen.scss
18.59 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-seventeen-rtl.css
24.19 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-seventeen.css
24.17 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-seventeen.scss
16.56 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-one-admin-rtl.css
107 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-one-admin.css
107 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-one-admin.scss
172 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-one-rtl.css
56.88 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-one.css
56.86 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-one.scss
40.66 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-rtl.css
45.39 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-three-rtl.css
34.18 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-three.css
34.14 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-three.scss
20.04 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-two-rtl.css
38.74 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-two.css
38.71 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty-two.scss
20.25 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty.css
45.37 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
twenty-twenty.scss
31.61 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
wc-setup-rtl.css
28.92 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
wc-setup.css
28.9 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
wc-setup.scss
24.07 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-blocktheme-rtl.css
9.65 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-blocktheme.css
9.64 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-blocktheme.scss
9.64 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-classictheme-editor-fonts-rtl.css
446 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-classictheme-editor-fonts.css
446 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-classictheme-editor-fonts.scss
585 By
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-layout-rtl.css
19.27 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-layout.css
19.26 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-layout.scss
9.84 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-rtl.css
85.34 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-smallscreen-rtl.css
7.36 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-smallscreen.css
7.35 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce-smallscreen.scss
3.14 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce.css
85.27 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
woocommerce.scss
37.34 KB
2026-04-15 05:42:41
R
W
Run
Delete
Rename
error_log
up
📄
forms.scss
Save
.woocommerce { /** * Generic forms styles used in places such as my account and the shortcode based checkout. */ form .form-row { padding: 3px; margin: 0 0 6px; [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; } label { line-height: 2; &.hidden { visibility: hidden; } &.inline { display: inline; } } .woocommerce-input-wrapper .description { background: #1e85be; color: #fff; border-radius: 3px; padding: 1em; margin: 0.5em 0 0; clear: both; display: none; position: relative; a { color: #fff; text-decoration: underline; border: 0; box-shadow: none; } &::before { left: 50%; top: 0%; margin-top: -4px; transform: translateX(-50%) rotate(180deg); content: ""; position: absolute; border-width: 4px 6px 0 6px; border-style: solid; border-color: #1e85be transparent transparent transparent; z-index: 100; display: block; } } .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .input-text, select { font-family: inherit; font-weight: normal; letter-spacing: normal; padding: .5em; display: block; background-color: var(--wc-form-color-background, #fff); border: var(--wc-form-border-width) solid var(--wc-form-border-color); border-radius: var(--wc-form-border-radius); color: var(--wc-form-color-text, #000); box-sizing: border-box; width: 100%; margin: 0; line-height: normal; height: auto; &:focus { border-color: currentColor; } } select { cursor: pointer; /* We hide the default chevron because it cannot be directly modified. Instead, we add a custom chevron using a background image. */ appearance: none; padding-right: 3em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=); background-repeat: no-repeat; background-size: 16px; background-position: calc(100% - 0.5em) 50%; } textarea { height: 4em; line-height: 1.5; box-shadow: none; } .country_to_state--single { background: transparent; border: 0; padding: 0; appearance: none; background-image: none; font: inherit; font-weight: 700; color: inherit; width: auto; pointer-events: none; } .required { color: var(--wc-red); font-weight: 700; border: 0 !important; text-decoration: none; visibility: hidden; // Only show optional by default. } .optional { visibility: visible; } &.woocommerce-invalid { label { color: var(--wc-red); } input.input-text, select { border-color: var(--wc-red); } .select2-container:not(.select2-container--open) .select2-selection { border-color: var(--wc-red); } } &.woocommerce-validated { input.input-text, select { border-color: var(--wc-green); } .select2-container:not(.select2-container--open) .select2-selection { border-color: var(--wc-green); } } ::-webkit-input-placeholder { line-height: normal; } :-moz-placeholder { line-height: normal; } :-ms-input-placeholder { line-height: normal; } } } :where(.woocommerce) { .select2-container { width: 100%; .select2-selection--single { height: auto; .select2-selection__rendered { padding: 0.5em; line-height: normal; box-sizing: border-box; color: var(--wc-form-color-text, #444); font-weight: normal; } .select2-selection__placeholder { color: #999; } .select2-selection__arrow { position: absolute; top: 2px; right: 0.5em; height: 100%; width: 16px; b { border: none; display: block; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat; background-size: 16px; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; margin: -8px 0 0; } } } .select2-selection, .select2-dropdown { background-color: var(--wc-form-color-background, #fff); border: var(--wc-form-border-width, 1px) solid var(--wc-form-border-color, #aaa); border-radius: var(--wc-form-border-radius, 4px); } &.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } &.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { margin: 0; } }