/** * Theme Name: Storefront Child * Template: storefront * ...other header fields */ .site-info a { display: none; } .tagged_as { visibility:hidden; } .woocommerce-breadcrumb { visibility:hidden; } .wc-backward { visibility:hidden; } .posted_in { visibility:hidden; } body:not(.logged-in) .cart-contents { display: none !important; } .related.products { display: none; } .site-header .site-search { display: none; } .storefront-breadcrumb { margin: 0 !important; padding: 0 !important; } /* Remove grey background + hide original text/icons */ .archive .in_stocks, .archive .out_stocks, .post-type-archive-product .in_stocks, .post-type-archive-product .out_stocks, .woocommerce-shop .in_stocks, .woocommerce-shop .out_stocks, .woocommerce-product-category .in_stocks, .woocommerce-product-category .out_stocks { font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; /* remove grey background */ border: none !important; /* remove border if theme adds one */ text-align: center !important; /* centre the container */ display: block !important; /* ensure centering works */ } /* Hide old SVG icons */ .archive .in_stocks svg, .archive .out_stocks svg, .post-type-archive-product .in_stocks svg, .post-type-archive-product .out_stocks svg, .woocommerce-shop .in_stocks svg, .woocommerce-shop .out_stocks svg, .woocommerce-product-category .in_stocks svg, .woocommerce-product-category .out_stocks svg { display: none !important; } /* New clean stock text, centred */ .archive .in_stocks::after, .post-type-archive-product .in_stocks::after, .woocommerce-shop .in_stocks::after, .woocommerce-product-category .in_stocks::after { content: "In stock"; font-size: 14px; line-height: 1.2; display: block; /* allows centering */ text-align: center; color: #0f834d; } .archive .out_stocks::after, .post-type-archive-product .out_stocks::after, .woocommerce-shop .out_stocks::after, .woocommerce-product-category .out_stocks::after { content: "Available on backorder"; font-size: 14px; line-height: 1.2; display: block; text-align: center; color: #e2401c; } /* --- Kill stock pseudo-elements (cover many classname variants) --- */ /* Specific selectors for the pseudo-element you reported */ p.stock.in::before, p.stock.in:before, p.stock.in-stock::before, p.stock.in-stock::before, p.stock.in_stock::before, p.stock.in-stock::before, .stock.in::before, .stock.in-stock::before, .stock.in_stock::before, .stock.in-stock:before, p.stock.in::after, p.stock.in:after, p.stock.in-stock::after, p.stock.in-stock:after, .stock.in::after, .stock.in-stock::after { content: "" !important; display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; background: none !important; background-image: none !important; mask-image: none !important; -webkit-mask-image: none !important; overflow: hidden !important; font-size: 0 !important; /* extra safety for text-based emoji */ line-height: 0 !important; } /* A few extra catch-alls (still only removing pseudo-elements, not the element itself) */ .woocommerce-shop p.stock::before, .woocommerce-product-category p.stock::before, .archive p.stock::before, .post-type-archive-product p.stock::before, .woocommerce-shop p.stock::after, .woocommerce-product-category p.stock::after, .archive p.stock::after, .post-type-archive-product p.stock::after { content: "" !important; display: none !important; visibility: hidden !important; background: none !important; background-image: none !important; mask-image: none !important; } /* --- Keep your custom new stock visible --- If your PHP outputs

/

, those remain untouched. */ /** MOBILE MENU ITEMS HIDDEN WHEN LOGGED OUT **/ body:not(.logged-in) #menu-item-8036, body:not(.logged-in) #menu-item-8037, body:not(.logged-in) #menu-item-8038, body:not(.logged-in) #menu-item-8043, body:not(.logged-in) #menu-item-8042, body:not(.logged-in) #menu-item-8039, body:not(.logged-in) #menu-item-8040, body:not(.logged-in) #menu-item-8041, body:not(.logged-in) #menu-item-8054, body:not(.logged-in) #menu-item-8044, body:not(.logged-in) #menu-item-8045, body:not(.logged-in) #menu-item-8050, body:not(.logged-in) #menu-item-8052, body:not(.logged-in) #menu-item-8051, body:not(.logged-in) #menu-item-8053, body:not(.logged-in) #menu-item-8046, body:not(.logged-in) #menu-item-8047, body:not(.logged-in) #menu-item-8048, body:not(.logged-in) #menu-item-8049, body:not(.logged-in) #menu-item-8055, body:not(.logged-in) #menu-item-8058, body:not(.logged-in) #menu-item-8059, body:not(.logged-in) #menu-item-8060, body:not(.logged-in) #menu-item-8056, body:not(.logged-in) #menu-item-8057, body:not(.logged-in) #menu-item-8061, body:not(.logged-in) #menu-item-8062, body:not(.logged-in) #menu-item-8063, body:not(.logged-in) #menu-item-8113, body:not(.logged-in) #menu-item-8114, body:not(.logged-in) #menu-item-8115, body:not(.logged-in) #menu-item-8116, body:not(.logged-in) #menu-item-8117, body:not(.logged-in) #menu-item-8118, body:not(.logged-in) #menu-item-8119, body:not(.logged-in) #menu-item-8120, body:not(.logged-in) #menu-item-8121, body:not(.logged-in) #menu-item-8122, body:not(.logged-in) #menu-item-8123, body:not(.logged-in) #menu-item-8124, body:not(.logged-in) #menu-item-8125, body:not(.logged-in) #menu-item-8126, body:not(.logged-in) #menu-item-8127, body:not(.logged-in) #menu-item-8128, body:not(.logged-in) #menu-item-8129, body:not(.logged-in) #menu-item-8130, body:not(.logged-in) #menu-item-8131, body:not(.logged-in) #menu-item-8132, body:not(.logged-in) #menu-item-8133, body:not(.logged-in) #menu-item-8135, body:not(.logged-in) #menu-item-8218, body:not(.logged-in) #menu-item-8222 { display: none !important; } /** DESKTOP ITEMS HIDDEN WHEN LOGGED OUT **/ body:not(.logged-in) #menu-item-8134, body:not(.logged-in) #menu-item-8091, body:not(.logged-in) #menu-item-8064, body:not(.logged-in) #menu-item-8065, body:not(.logged-in) #menu-item-8066, body:not(.logged-in) #menu-item-8067, body:not(.logged-in) #menu-item-8068, body:not(.logged-in) #menu-item-8069, body:not(.logged-in) #menu-item-8070, body:not(.logged-in) #menu-item-8071, body:not(.logged-in) #menu-item-8065, body:not(.logged-in) #menu-item-8073, body:not(.logged-in) #menu-item-8075, body:not(.logged-in) #menu-item-8076, body:not(.logged-in) #menu-item-8077, body:not(.logged-in) #menu-item-8078, body:not(.logged-in) #menu-item-8074, body:not(.logged-in) #menu-item-8079, body:not(.logged-in) #menu-item-8080, body:not(.logged-in) #menu-item-8081, body:not(.logged-in) #menu-item-8082, body:not(.logged-in) #menu-item-8083, body:not(.logged-in) #menu-item-8084, body:not(.logged-in) #menu-item-8085, body:not(.logged-in) #menu-item-8086, body:not(.logged-in) #menu-item-8108, body:not(.logged-in) #menu-item-8109, body:not(.logged-in) #menu-item-8110, body:not(.logged-in) #menu-item-8111, body:not(.logged-in) #menu-item-8112, body:not(.logged-in) #menu-item-8092, body:not(.logged-in) #menu-item-8093, body:not(.logged-in) #menu-item-8094, body:not(.logged-in) #menu-item-8095, body:not(.logged-in) #menu-item-8096, body:not(.logged-in) #menu-item-8097, body:not(.logged-in) #menu-item-8098, body:not(.logged-in) #menu-item-8099, body:not(.logged-in) #menu-item-8100, body:not(.logged-in) #menu-item-8101, body:not(.logged-in) #menu-item-8102, body:not(.logged-in) #menu-item-8103, body:not(.logged-in) #menu-item-8104, body:not(.logged-in) #menu-item-8105, body:not(.logged-in) #menu-item-8106, body:not(.logged-in) #menu-item-8107, body:not(.logged-in) #menu-item-8217, body:not(.logged-in) #menu-item-8221, body:not(.logged-in) #menu-item-8233 { display: none !important; }