Reposition alert boxes

WooCommerce store alerts shown on the Marketplace page are mis-aligned on account of the CSS that applies to the Marketplace. This change re-positions them and, as a bonus, aligns their left and right edges with the rest of the page content, improving the design.
This commit is contained in:
Dan Q 2023-09-05 13:15:51 +01:00
parent e76fe48a89
commit b430015d08
1 changed files with 11 additions and 0 deletions

View File

@ -14,4 +14,15 @@
.woocommerce-layout__main {
padding: 0;
}
/* On marketplace pages, reposition store alerts so they don't collide with other components */
.woocommerce-store-alerts {
margin-left: 16px;
margin-right: 16px;
@media (min-width: $breakpoint-medium) {
margin-left: 32px;
margin-right: 32px;
}
}
}