/* ============================================================ AS Blog All Spray port of the Hotsy blog styling. Palette: blue #3E7DCD, hover/dark blue #2C5F9E, ink #1F2327, body font Montserrat. Headings inherit the theme heading font so they match the rest of the site automatically. Every rule is fenced to as- (or hec-) classes so nothing bleeds. The hec- selectors exist because the current All Spray posts were built with the copied "HEC Sticky Sidebar Layout" pattern; they style those posts immediately without editing them. New posts should use the AS Sticky Sidebar Layout pattern going forward. ============================================================ */ /* ------------------------------------------------------------ 1. Sticky sidebar mechanics Columns are flex children that stretch to full row height by default, which kills position:sticky. align-self:flex-start shrinks the sidebar column so it has room to travel. Both parts are required. If it refuses to stick, some ancestor has overflow hidden/auto/clip; walk up from the column in DevTools. ------------------------------------------------------------ */ .as-sticky-layout .as-sticky-sidebar, .hec-sticky-layout .hec-sticky-sidebar { position: -webkit-sticky; position: sticky; top: 120px; /* Adjust to clear the All Spray header height. */ align-self: flex-start; } /* ------------------------------------------------------------ 2. Sidebar card ------------------------------------------------------------ */ .as-sticky-layout .as-sidebar-card, .hec-sticky-layout .hec-sidebar-card { background: #f5f6f8; border-top: 4px solid #3E7DCD; padding: 28px 24px; } .as-sticky-layout .as-sidebar-title, .hec-sticky-layout .hec-sidebar-card h1, .hec-sticky-layout .hec-sidebar-card h2, .hec-sticky-layout .hec-sidebar-card h3 { color: #3E7DCD; text-transform: uppercase; margin: 0 0 8px; } .as-sticky-layout .as-sidebar-intro, .hec-sticky-layout .hec-sidebar-card p { font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 1.55; color: #1F2327; margin: 0 0 16px; } /* ------------------------------------------------------------ 3. Sidebar form Element-level selectors scoped to the card, so this works regardless of which form plugin renders the markup. ------------------------------------------------------------ */ .as-sidebar-card input[type="text"], .as-sidebar-card input[type="email"], .as-sidebar-card input[type="tel"], .as-sidebar-card input[type="number"], .as-sidebar-card select, .as-sidebar-card textarea, .hec-sidebar-card input[type="text"], .hec-sidebar-card input[type="email"], .hec-sidebar-card input[type="tel"], .hec-sidebar-card input[type="number"], .hec-sidebar-card select, .hec-sidebar-card textarea { width: 100%; box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #1F2327; background: #ffffff; padding: 10px 12px; border: 1px solid #d6d8da; border-radius: 4px; margin-bottom: 12px; } .as-sidebar-card input:focus, .as-sidebar-card select:focus, .as-sidebar-card textarea:focus, .hec-sidebar-card input:focus, .hec-sidebar-card select:focus, .hec-sidebar-card textarea:focus { outline: none; border-color: #3E7DCD; box-shadow: 0 0 0 3px rgba(62, 125, 205, 0.15); } .as-sidebar-card ::placeholder, .hec-sidebar-card ::placeholder { color: #8a9098; opacity: 1; } .as-sidebar-card textarea, .hec-sidebar-card textarea { min-height: 110px; resize: vertical; } .as-sidebar-card input[type="submit"], .as-sidebar-card button[type="submit"], .hec-sidebar-card input[type="submit"], .hec-sidebar-card button[type="submit"] { display: block; width: 100%; background: #3E7DCD; color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 12px 16px; border: none; border-radius: 4px; cursor: pointer; transition: background 0.15s ease; } .as-sidebar-card input[type="submit"]:hover, .as-sidebar-card button[type="submit"]:hover, .hec-sidebar-card input[type="submit"]:hover, .hec-sidebar-card button[type="submit"]:hover { background: #2C5F9E; } /* ------------------------------------------------------------ 4. Blog index / archive header ------------------------------------------------------------ */ .as-blog-header { margin-bottom: 34px; } .as-blog-header .as-blog-title, .as-blog-header .wp-block-query-title { font-weight: 700; text-transform: uppercase; font-size: clamp(34px, 4vw, 52px); line-height: 1.06; color: #1F2327; margin: 0; padding: 0 !important; /* Theme adds left padding to query titles on archives. */ } .as-blog-header .as-term-description { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6; color: #4a4f55; max-width: 760px; margin: 10px 0 0; } .as-blog-header .as-blog-filters { margin-top: 18px; gap: 10px; } .as-blog-header .as-filter-btn .wp-block-button__link { background: #ffffff; color: #1F2327; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; border: 1px solid #d6d8da; border-radius: 4px; padding: 9px 18px; transition: all 0.15s ease; } .as-blog-header .as-filter-btn .wp-block-button__link:hover { background: #3E7DCD; border-color: #3E7DCD; color: #ffffff; } /* ------------------------------------------------------------ 5. Featured card (latest post) ------------------------------------------------------------ */ .as-featured-query { margin-bottom: 44px; } .as-featured-query .as-featured-cols { background: #ffffff; border: 1px solid #e4e6e8; border-radius: 6px; overflow: hidden; gap: 0; } .as-featured-query .wp-block-post-featured-image { margin: 0; } .as-featured-query .wp-block-post-featured-image img { display: block; width: 100%; object-fit: cover; } .as-featured-query .as-featured-body { padding: 32px 36px; } .as-featured-query .as-featured-title a { color: #1F2327 !important; /* Theme link color overrides post titles without this. */ text-decoration: none; } .as-featured-query .as-featured-title a:hover { color: #3E7DCD !important; } /* The classic metro-theme sizes h2s huge and pads heading links, which blows up the card titles. Cap the size and zero out the padding on both the heading and the link inside it. */ .as-featured-title.wp-block-post-title, .as-post-title.wp-block-post-title { padding: 0 !important; } .as-featured-title.wp-block-post-title { font-size: clamp(24px, 2.2vw, 34px) !important; line-height: 1.15 !important; } .as-post-title.wp-block-post-title { font-size: 20px !important; line-height: 1.25 !important; } .as-featured-title.wp-block-post-title a, .as-post-title.wp-block-post-title a { display: inline !important; padding: 0 !important; margin: 0 !important; font-size: inherit !important; line-height: inherit !important; background: none !important; } /* ------------------------------------------------------------ 6. Post grid cards ------------------------------------------------------------ */ .as-blog-grid .wp-block-post-template { gap: 28px; } .as-blog-grid .as-post-card { background: #ffffff; border: 1px solid #e4e6e8; border-radius: 6px; overflow: hidden; height: 100%; display: flex; flex-direction: column; } .as-blog-grid .as-post-card .wp-block-post-featured-image { margin: 0; } .as-blog-grid .as-post-card .wp-block-post-featured-image img { display: block; width: 100%; object-fit: cover; } .as-blog-grid .as-post-card-body { padding: 20px 22px 24px; display: flex; flex-direction: column; flex: 1; } .as-post-cats, .as-post-cats a { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: #3E7DCD !important; text-decoration: none; margin: 0 0 8px; } .as-post-title, .as-featured-title { margin: 0 0 10px; } .as-post-title a { color: #1F2327 !important; text-decoration: none; } .as-post-title a:hover { color: #3E7DCD !important; } .as-post-excerpt { font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1.6; color: #4a4f55; margin: 0 0 12px; } .as-post-excerpt .wp-block-post-excerpt__more-link { display: inline-block; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: 13px; color: #3E7DCD !important; text-decoration: none; margin-top: 6px; } .as-post-excerpt .wp-block-post-excerpt__more-link::after { content: " >"; } .as-post-date { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #8a9098; margin: auto 0 0; /* Pins the date to the card bottom. */ } /* ------------------------------------------------------------ 7. Pagination ------------------------------------------------------------ */ .as-blog-pagination { margin-top: 40px; font-family: 'Montserrat', sans-serif; } .as-blog-pagination a, .as-blog-pagination .page-numbers { color: #1F2327; font-weight: 600; text-decoration: none; padding: 6px 12px; border-radius: 4px; } .as-blog-pagination a:hover { background: #eef3fa; color: #3E7DCD; } .as-blog-pagination .page-numbers.current { background: #3E7DCD; color: #ffffff; } /* ------------------------------------------------------------ 8. Single post: widen + center content This is the centering fix. Same approach that worked on Hotsy: override the theme's global width custom properties on main, cap it at 1600px, and center it. If a post still hugs left after this deploys, inspect main in DevTools. It must have is-layout-constrained / has-global-padding classes; if it shows is-layout-flow instead, the post is assigned the wrong template and CSS alone will not center it. Swap the template in the post editor sidebar, same fix as the legacy Hotsy posts. ------------------------------------------------------------ */ body.single-post main { --wp--style--global--content-size: 1600px; --wp--style--global--wide-size: 1600px; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; } /* Inner constrained groups: lift their caps too. */ body.single-post main .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 1600px !important; } /* Align the theme's breadcrumb container with the content. */ body.single-post .header-yoast-container { max-width: 1600px; margin-left: auto; margin-right: auto; box-sizing: border-box; } /* On wide screens, drop the global side padding on main so the content lines up flush with the breadcrumbs. */ @media (min-width: 1700px) { body.single-post main.has-global-padding { padding-left: 0 !important; padding-right: 0 !important; } } /* ------------------------------------------------------------ 9. Mobile: stack and unstick Core columns stack below 782px. A pinned sidebar on mobile would cover content, so sticky turns off and the form drops below the post. ------------------------------------------------------------ */ @media (max-width: 781px) { .as-sticky-layout .as-sticky-sidebar, .hec-sticky-layout .hec-sticky-sidebar { position: static; } .as-featured-query .as-featured-body { padding: 22px 20px; } } Frames, Panels, & Tanks Equipment - Page 4 of 146 - All Spray

Frames, Panels, & Tanks

Keep your equipment in tip-top shape with durable frames, panels, and tanks designed for tough environments. These core components protect internal systems, add stability, and support long-term performance. Whether you're replacing damaged parts or refreshing your unit, this collection helps maintain a clean, professional look and reliable operation on every job.

close

Power Source
Heat Source
PSI
Categories
Brands
Voltage
Mobility
Drive Type
Water Temperature

Frames, Panels & Tanks FAQ's

What are frames, panels, and tanks used for in pressure washer systems?

Plus

These components form the structure and housing of your equipment. Frames provide support and mobility, panels protect internal components, and tanks store water, fuel, or detergents needed for operation.

What types of tanks are used in pressure washers?

Plus

Common tank types include:

Water tanks – supply water for mobile or remote applications
Fuel tanks – store gasoline or diesel for engine-powered units
Detergent tanks – hold cleaning solutions for chemical application

Each tank is designed for specific fluids and usage conditions.

When should I replace a pressure washer tank?

Plus

You should replace a tank if you notice:

Cracks or leaks
Rust or corrosion (especially in metal tanks)
Contamination that can’t be cleaned
Warping or structural damage

Damaged tanks can lead to performance issues and safety concerns.

Can I upgrade or customize my pressure washer frame or tank setup?

Plus

Yes. Many systems can be upgraded with larger tanks, different frame styles, or custom mounting setups. This is especially common for trailer rigs or mobile cleaning units.

Do you offer help selecting frames, panels, or tanks?

Plus

Yes. If you’re unsure what size, material, or configuration you need, our team can help you choose the right components for your setup and application.

Cardrip

Still have questions?

Contact us today for a personalized consultation to determine the most effective and efficient frames, panels & tanks for your business.

Cardrip

Address(Required)