{"id":1792,"date":"2026-07-28T23:24:47","date_gmt":"2026-07-28T23:24:47","guid":{"rendered":"http:\/\/home.test\/canvas-wp-test\/cart-quantity\/"},"modified":"2026-08-20T18:41:42","modified_gmt":"2026-08-20T18:41:42","slug":"cart-quantity","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/cart-quantity\/","title":{"rendered":"Cart Quantity"},"content":{"rendered":"<div class=\"wp-block-group container mw-md is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"853\" class=\"wp-image-1663\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-33.jpg\" alt=\"Default cart quantity stepper style\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-33.jpg 640w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-33-225x300.jpg 225w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-33-600x800.jpg 600w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Default<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">The default cart quantity selector pairs a clean number input with plus and minus buttons for fast, intuitive shopping.<\/p><form class=\"cart mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"800\" class=\"wp-image-1672\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-28.jpg\" alt=\"Bordered cart quantity stepper style\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-28.jpg 640w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-28-240x300.jpg 240w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-28-600x750.jpg 600w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Border<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">A bordered quantity field outlines the stepper for clearer definition, making it easy to read against any product layout.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1673\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-22.jpg\" alt=\"Border rounded cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-22.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-22-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Border Rounded<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">Soft rounded borders wrap the quantity stepper, giving the cart control a friendly, modern feel that suits most stores.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity rounded-5 overflow-hidden\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1674\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-16.jpg\" alt=\"Bordered color cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-16.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-16-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Border + Color<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">Add your brand color to the bordered stepper so the quantity control stands out and matches the rest of your shop theme.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity border-color\"><button type=\"button\" class=\"minus h-text-color\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty border-color\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus h-text-color\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1675\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-16.jpg\" alt=\"Bold border cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-16.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-16-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Border 2<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">A thicker, more prominent border style frames the quantity input for stores that prefer bold, highly visible controls.<\/p><form class=\"cart cart-border cart-border-2 mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity overflow-hidden\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty border-0\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1676\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-14.jpg\" alt=\"Transparent cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-14.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-14-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Transparent<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">The transparent variant drops the background so the quantity stepper blends seamlessly into light or patterned sections.<\/p><form class=\"cart cart-border cart-border-2 mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity overflow-hidden border-0\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty border-0\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1677\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-12.jpg\" alt=\"Background fill cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-12.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-12-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Background<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">A solid filled background gives the quantity stepper a tactile, button-like surface that invites shoppers to interact.<\/p><form class=\"cart mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty bg-transparent border-0\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1678\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/8-10.jpg\" alt=\"Background border cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/8-10.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/8-10-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Background Border<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">Combine a filled background with a crisp border to give the quantity control extra depth and a refined, layered look.<\/p><form class=\"cart mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity border\"><button type=\"button\" class=\"minus h-bg-color h-text-light all-ts\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty bg-transparent border-0\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus h-bg-color h-text-light all-ts\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1679\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/9-10.jpg\" alt=\"Circle background cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/9-10.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/9-10-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Background Circle<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">Circular filled buttons flank the quantity field for a playful, rounded stepper that works well in modern shop designs.<\/p><form class=\"cart cart-bg-circle mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\"><button type=\"button\" class=\"minus h-bg-color rounded-circle h-text-light all-ts\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty bg-transparent border-0 mx-2\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus h-bg-color rounded-circle h-text-light all-ts\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1664\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/10-10.jpg\" alt=\"Background variant cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/10-10.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/10-10-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Background Varriant<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">A color-filled background variant ties the quantity stepper to your palette while keeping the controls easy to tap.<\/p><form class=\"cart cart-bg-circle mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\"><button type=\"button\" class=\"minus bg-danger h-bg-dark rounded-circle text-white\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty bg-transparent border-0 mx-2\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus bg-primary h-bg-success rounded-circle text-white\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><\/div>\n\n<div class=\"wp-block-group w-100 my-4 is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\n<div class=\"wp-block-group section mb-0 bg-dark dark py-6 is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group container mw-md is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1665\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/11-6.jpg\" alt=\"Dark cart quantity stepper style\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/11-6.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/11-6-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5 text-white\">Dark<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">The dark style inverts the stepper for use on shadowed sections, keeping the quantity control legible on deep backgrounds.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button bg-white text-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><\/div><\/div>\n\n<div class=\"wp-block-group section mt-0 bg-primary dark py-6 is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group container mw-md is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1666\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/12-4.jpg\" alt=\"Bordered stepper on color background\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/12-4.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/12-4-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5 text-white\">Border &#8211; on Background<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">A bordered stepper sits neatly on a colored section, staying visible and on-brand even over vivid background fills.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity rounded overflow-hidden\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button bg-white text-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><\/div><\/div>\n\n<div class=\"wp-block-group container mw-md mt-4 is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1667\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/13-1.jpg\" alt=\"Larger size cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/13-1.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/13-1-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Larger Size<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">Scale the quantity stepper up with the larger size for touch-friendly tapping on tablets and roomy product pages.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\" style=\"--cnvs-cart-quantity-width: 75px; --cnvs-cart-quantity-height: 75px; --cnvs-cart-quantity-font-size: 1.25rem;\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-large button-dark rounded m-0 py-4 px-5\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1668\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/14-1.jpg\" alt=\"Smaller size cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/14-1.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/14-1-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Smaller Size<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">The smaller size keeps the quantity control compact, ideal for dense product grids and tight cart layouts.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\" style=\"--cnvs-cart-quantity-width: 40px; --cnvs-cart-quantity-height: 34px; --cnvs-cart-quantity-font-size: 0.825rem;\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-mini py-2 px-4 button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1669\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/15-2.jpg\" alt=\"Different icon cart quantity stepper\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/15-2.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/15-2-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Different Icon<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">Swap the stepper glyphs for different icons so the quantity control matches your shop&#8217;s iconography and visual style.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\"><button type=\"button\" class=\"minus text-muted h-text-dark\" aria-label=\"Decrease quantity\"><i class=\"fa-solid fa-angle-down\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus text-muted h-text-dark\" aria-label=\"Increase quantity\"><i class=\"fa-solid fa-angle-up\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1671\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/17-1.jpg\" alt=\"Grouped cart quantity stepper buttons\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/17-1.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/17-1-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Group<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">Grouped controls join the buttons and field into one connected unit for a tidy, button-bar quantity selector.<\/p><form class=\"cart cart-border cart-border-2 mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity overflow-hidden me-0\" style=\"--cnvs-cart-quantity-height: 62px; --cnvs-cart-quantity-bg: var(--bs-dark); --cnvs-cart-quantity-border: 0px; --cnvs-cart-quantity-bg-hover: var(--bs-dark);\"><button type=\"button\" class=\"minus text-white h-text-warning\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"1\" title=\"Qty\" inputmode=\"numeric\" class=\"qty border-0 text-light h-bg-transparent\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus text-white h-text-warning\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-large bg-warning h-op-09 text-dark py-3 m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"800\" class=\"wp-image-1672\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-28.jpg\" alt=\"Stepper starting at zero quantity\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-28.jpg 640w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-28-240x300.jpg 240w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-28-600x750.jpg 600w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">Starts with 0<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">Configure the stepper to start at zero, perfect for optional add-ons where shoppers choose how many to include.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><div class=\"quantity\"><button type=\"button\" class=\"minus\" aria-label=\"Decrease quantity\"><i class=\"uil uil-minus\" aria-hidden=\"true\"><\/i><\/button><input type=\"number\" step=\"1\" min=\"1\" name=\"quantity\" value=\"01\" data-pad=\"2\" title=\"Qty\" inputmode=\"numeric\" class=\"qty\" aria-label=\"Quantity\"><button type=\"button\" class=\"plus\" aria-label=\"Increase quantity\"><i class=\"uil uil-plus\" aria-hidden=\"true\"><\/i><\/button><\/div><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div><div class=\"wp-block-group row g-5 align-items-center is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group col-md-5 col-lg-4 is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"722\" class=\"wp-image-1670\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/16.jpg\" alt=\"Dropdown cart quantity selector\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/16.jpg 600w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/16-249x300.jpg 249w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/div><div class=\"wp-block-group col-md-7 col-lg-8 is-layout-flow wp-block-group-is-layout-flow\"><h3 class=\"fw-bold display-6 mb-5\">DropDown<\/h3><p class=\"text-larger mb-5 wp-block-paragraph\">Offer a dropdown quantity selector when fixed choices work best, letting shoppers pick from preset amounts quickly.<\/p><form class=\"cart cart-border mb-0 d-flex align-items-center\" method=\"post\" enctype=\"multipart\/form-data\"><select name=\"quantity\" class=\"form-select quantity customjs w-auto\" aria-label=\"Quantity\"><option selected disabled>0<\/option><option value=\"1\">1<\/option><option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5\">5<\/option><\/select><button type=\"submit\" class=\"add-to-cart button button-dark rounded m-0\">Add to cart<\/button><\/form><\/div><\/div><\/div>\n\n<div class=\"container mt-6\">\n<div class=\"fancy-title title-border title-center mb-5\">\n<h4 id=\"explore-more-elements\" class=\"h3\">Explore more Elements<\/h4>\n<\/div>\n\n<div class=\"row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-6 align-items-stretch g-3 text-center wp-block-canvas-core-link-tiles\"><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/shop\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-basket cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Shop<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/blog\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-newspaper cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Blog<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/events-grid\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-calendar-event cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Events<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/contact\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-envelope-at cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Contact Forms<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/modal-onload\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-window-stack cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Modal onLoad<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/side-panel\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layout-sidebar-reverse cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Side Panel<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/animations\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-magic cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Animations<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/buttons\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hand-index cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Buttons<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/carousel\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-collection cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Carousel<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/clients\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-heart cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Clients<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/columns-grids\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-columns-gap cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Columns<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/counters\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-speedometer2 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Counters<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/read-more\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-three-dots cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Read More<span class=\"visually-hidden\">Element<\/span><\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/dividers\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-dash-lg cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Dividers<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/featured-boxes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-lightbulb cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Icon Boxes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/gallery\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-images cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Gallery<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/headings-dropcaps\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-type-h1 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Headings<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/icon-lists\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-list-check cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Icon Lists<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/gradients\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-palette cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Gradients<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/lightbox\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-aspect-ratio cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Lightbox<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/item-overlays\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layers cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Overlays<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/component-uploads\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-upload cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">File Uploads<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/lists-cards\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-card-list cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Lists &amp; Cards<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/maps\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-geo-alt cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Maps<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/media-embeds\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-play-btn cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Media Embeds<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/modal-popovers\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-window-plus cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Modal Boxes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/notifications\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-bell cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Notifications<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/navigation\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-list cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Navigations<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/pagination-progress\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-123 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Pagination<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/progress-skills\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-percent cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Progress Bars<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/shape-dividers\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-bezier2 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Shape Dividers<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/pricing\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-currency-exchange cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Pricing<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/process-steps\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-diagram-3 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Process Steps<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/promo-boxes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-file-earmark-text cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Promo Boxes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/quotes-blockquotes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-quote cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Blockquotes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/responsive\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-phone cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Responsive<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/sections\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layout-text-window cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Sections<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/social-icons\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-share cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Social Icons<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/hover-animations\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hand-index-thumb cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Hover Animations<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/style-boxes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-exclamation-triangle cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Alerts<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/styled-icons\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hexagon cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Styled Icons<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/tables\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-table cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Tables<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/tabs\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-segmented-nav cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Tabs<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/testimonials-twitter\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-chat-quote cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Testimonials<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/thumbnails-slider\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-image cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Thumbnails<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/toggles-accordions\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-chevron-bar-down cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Toggles<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/lazy-loading\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hourglass-split cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Lazy Loading<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/flip-cards\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-arrow-repeat cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Flip Cards<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/cascading-images\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-stack cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Cascading Images<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/image-compare\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layout-split cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Before\/After<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/video-facade\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-play-circle cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Video Facade<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/gdpr\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-shield-check cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">GDPR<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/cart-quantity\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-plus-slash-minus cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Cart Quantity<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/circle-stack\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-record-circle cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Circle Stack<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/image-sliders\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-easel cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Image Sliders<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/ticker\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-wind cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Ticker<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/ajax-button\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-cloud-download cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">AJAX Button<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/conditional\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-question-diamond cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Conditional<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/code-highlighter\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-code-square cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Code Highlighter<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/custom-cursor\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-cursor cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Custom Cursor<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/hover-parallax\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-arrows-move cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Hover Parallax<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/color-mode-switcher\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-moon-stars cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Mode Switcher<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/image-hotspot\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-pin-map cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Image Hotspots<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/portfolio-filter-styles\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-funnel cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Filters<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/preloaders\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><div class=\"position-relative fs-2\">&nbsp;<div class=\"css3-spinner position-absolute\"><div class=\"css3-spinner-bounce1\" style=\"--cnvs-loader-color: var(--cnvs-contrast-900)\"><\/div><div class=\"css3-spinner-bounce2\" style=\"--cnvs-loader-color: var(--cnvs-contrast-900)\"><\/div><div class=\"css3-spinner-bounce3\" style=\"--cnvs-loader-color: var(--cnvs-contrast-900)\"><\/div><\/div><\/div><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Preloaders<\/h5><\/a><\/div><\/div>\n<\/div>\n\n<div class=\"row align-items-stretch grid-border border-top border-default mx-0 mt-6 wp-block-canvas-core-link-tiles\"><div class=\"col-md-4 p-0 text-center\"><div class=\"grid-inner h-bg-contrast-200\"><a href=\"https:\/\/support.canvaswp.com\/\" class=\"d-block py-5\" target=\"_blank\" rel=\"noopener\"><i class=\"bi-emoji-smile display-6 mt-2 mb-2 mx-auto d-block\" aria-hidden=\"true\"><\/i><span class=\"fs-5 text-contrast-900 h-text-color fw-medium d-block mb-2\">Dedicated Support<\/span><\/a><\/div><\/div><\/div>\n\n<div class=\"section m-0 text-center dark footer-stick\">\n<div class=\"container\">\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The default cart quantity selector pairs a clean number input with plus and minus buttons for fast, intuitive shopping. A bordered quantity field outlines the stepper for clearer definition, making it easy to read against any product layout. Soft rounded borders wrap the quantity stepper, giving the cart control a friendly, modern feel that suits [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-canvas","meta":{"footnotes":""},"class_list":["post-1792","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/comments?post=1792"}],"version-history":[{"count":14,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1792\/revisions"}],"predecessor-version":[{"id":6902,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1792\/revisions\/6902"}],"wp:attachment":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/media?parent=1792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}