/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Jul 29 2026 | 08:02:34 */ /* Add your CSS code here. For example: .example { color: red; } /* ========================================================= MICROSOFT x AUTODESK STYLE ARCHIVE PAGE THEME -- v10 (scoped, responsive, nav-menu-safe, wrapper-order-fixed) Paste this into: Simple Custom CSS and JS plugin -> Add Custom CSS, or Appearance -> Customize -> Additional CSS. v7 CHANGES: - Correctly orders the direct children inside .woocommerce-card__header. - Targets the actual variation-price wrapper (.cgkit-as-variation-price). - Targets the actual Quick View button class (.woosq-btn). - Keeps the product title before the price with 10px bottom padding. - Removes the old unscoped temporary ordering patch. PREVIOUS CHANGES: - Product title font-weight reduced from 700 to 500 (no longer bold), on both desktop and mobile. - Card content "order" rules now use !important. On mobile the theme was applying its own order values with !important inside its own media queries, which silently beat our unprefixed order rules -- that's why mobile cards showed price/MFR before the title even though desktop was correct. Adding !important here forces the same flow (image -> title -> price -> MFR # -> Add to cart -> Quick view) at every screen size. v4 FIX: the site has a product mega-menu in the navbar (e.g. the "Autodesk Products" dropdown) that reuses the SAME ul.products li.product markup as the real archive grid. Scoping by body class alone was not enough -- it also styled that nav dropdown, squeezing its cards and truncating text. Every ul.products selector below now additionally requires the class "ms-real-product-grid", which the paired JS only adds to the actual content grid -- never to any ul.products found inside
,