Description
Available in a range of grayscale shades, Derwent Charcoal XL Blocks feature a chunky, rectangular format that opens them up to a wide range of textures and effects. - Derwent Charcoal XL Block - Ultra Black
related .products, ul.products, .related ul.products { grid-template-columns: 1fr !important; gap: 15px !important; } .products li, .related .products li, ul.products li { min-height: 300px !important; max-width: none !important; width: 100% !important; } } /* THEME OVERRIDE PROTECTION */ body .products, body .related .products, body ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; position: static !important; } body .products li, body .related .products li { position: relative !important; float: none !important; clear: none !important; display: flex !important; width: auto !important; margin: 0 !important; } /* Ensure no absolute positioning conflicts */ .related .products li { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; } /* Container and Layout */ .woocommerce div.product, div.product, #product-1461 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; margin: 30px 0 !important; max-width: 1200px !important; width: 100% !important; } /* Force product container structure */ .product { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; } /* Breadcrumbs */ .woocommerce-breadcrumb { font-size: 14px; color: #666; margin-bottom: 20px; padding: 10px 0; border-bottom: 1px solid #eee; } .woocommerce-breadcrumb a { color: #0073aa; text-decoration: none; } .woocommerce-breadcrumb a:hover { text-decoration: underline; } /* Product Gallery */ .woocommerce-product-gallery, .images { position: relative !important; width: 100% !important; max-width: 600px !important; } .woocommerce-product-gallery__wrapper { position: relative !important; width: 100% !important; } .woocommerce-product-gallery__image, .woocommerce-product-gallery__image a { display: block !important; width: 100% !important; } .woocommerce-product-gallery__image img, .images img, .wp-post-image { width: 100% !important; height: auto !important; max-width: 600px !important; border: 1px solid #ddd !important; border-radius: 4px !important; cursor: pointer !important; transition: transform 0.3s ease !important; display: block !important; } .woocommerce-product-gallery__image img:hover, .images img:hover { transform: scale(1.02) !important; } /* Product Summary */ .summary.entry-summary, .summary, .entry-summary { padding-left: 20px !important; width: 100% !important; grid-column: 2 !important; } .product_title, .product_title.entry-title, h1.product_title { font-size: 28px !important; font-weight: 600 !important; margin: 0 0 15px 0 !important; color: #333 !important; line-height: 1.3 !important; } /* Price Styling */ .price { font-size: 24px; font-weight: bold; color: #00B3AD !important; margin: 15px 0; } .woocommerce-Price-amount { color: #00B3AD !important; } .woocommerce-Price-currencySymbol { font-size: 20px; } /* Short Description */ .woocommerce-product-details__short-description { font-size: 16px; line-height: 1.6; color: #555; margin: 20px 0; } /* Content Egg Price Comparison Table */ .cegg5-container { margin: 25px 0 !important; } .table { width: 100% !important; border-collapse: collapse !important; margin-bottom: 1rem !important; background-color: white !important; } .table-sm td { padding: 0.5rem !important; } .table-bordered { border: 1px solid #dee2e6 !important; } .table-bordered td { border: 1px solid #dee2e6 !important; } .table-hover tbody tr:hover { background-color: rgba(0,0,0,.075) !important; } .text-center { text-align: center !important; } .align-middle { vertical-align: middle !important; } .fw-medium { font-weight: 500 !important; } .text-success { color: #28a745 !important; } .bg-primary { background-color: #FF6B1A !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; text-decoration: none; transition: all 0.15s ease-in-out; } .btn-primary { color: #fff !important; background-color: #FF6B1A !important; border-color: #FF6B1A !important; } .btn-primary:hover { background-color: #E55A15 !important; border-color: #E55A15 !important; color: #fff !important; text-decoration: none; } .w-100 { width: 100%; } .h-100 { height: 100%; } .rounded-0 { border-radius: 0; } /* WooCommerce Buy Button */ .cart { margin: 20px 0; } .single_add_to_cart_button { background-color: #0073aa; color: white; border: none; padding: 12px 24px; font-size: 16px; font-weight: 600; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; text-decoration: none; display: inline-block; } .single_add_to_cart_button:hover { background-color: #005a87; color: white; text-decoration: none; } /* Product Meta */ .product_meta { font-size: 14px; margin: 25px 0; padding: 15px; background: #f8f9fa; border-radius: 4px; } .product_meta span { display: block; margin: 5px 0; } .product_meta .sku_wrapper { white-space: nowrap !important; display: block !important; } .product_meta .sku_wrapper .sku { display: inline !important; white-space: nowrap !important; } .product_meta a { color: #0073aa; text-decoration: none; } .product_meta a:hover { text-decoration: underline; } /* WooCommerce Tabs */ .woocommerce-tabs, .wc-tabs-wrapper { margin: 40px 0 !important; grid-column: 1 / -1 !important; width: 100% !important; } .wc-tabs, .tabs { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; border-bottom: 2px solid #00B3AD !important; } .wc-tabs li { margin: 0 5px 0 0 !important; } .wc-tabs a, .tabs a { display: block !important; padding: 12px 20px !important; background: #f8f9fa !important; color: #666 !important; text-decoration: none !important; border: 1px solid #ddd !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; transition: all 0.3s ease !important; } .wc-tabs li.active a, .tabs li.active a { background: #00B3AD !important; color: white !important; border-color: #00B3AD !important; } .wc-tabs a:hover, .tabs a:hover { background: #e9ecef !important; } .wc-tabs li.active a:hover, .tabs li.active a:hover { background: #009690 !important; } /* Tab Panels */ .woocommerce-Tabs-panel { padding: 30px 20px; border: 1px solid #ddd; border-top: none; background: white; margin-top: -1px; display: none; } .woocommerce-Tabs-panel.active { display: block; } .woocommerce-Tabs-panel h2 { font-size: 24px; margin: 0 0 20px 0; color: #333; } /* Additional Information Table */ .woocommerce-product-attributes { width: 100%; border-collapse: collapse; } .woocommerce-product-attributes tr { border-bottom: 1px solid #eee; } .woocommerce-product-attributes th { font-weight: 600; padding: 12px; background: #f8f9fa; text-align: left; width: 30%; border-right: 1px solid #eee; } .woocommerce-product-attributes td { padding: 12px; } /* Related Products - FORCE PROPER LAYOUT */ .related.products, section.related, .related { grid-column: 1 / -1 !important; margin: 60px 0 40px 0 !important; width: 100% !important; clear: both !important; display: block !important; } .related.products h2, .related h2 { font-size: 28px !important; margin: 0 0 30px 0 !important; text-align: center !important; color: #333 !important; display: block !important; width: 100% !important; } /* FORCE GRID LAYOUT FOR PRODUCTS */ .products, .related .products, ul.products, .related ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; position: relative !important; z-index: 1 !important; } /* FORCE INDIVIDUAL PRODUCT CARDS */ .products li, .related .products li, ul.products li { background: white !important; border: 1px solid #ddd !important; border-radius: 8px !important; overflow: hidden !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; position: relative !important; display: flex !important; flex-direction: column !important; min-height: 450px !important; max-width: none !important; margin: 0 !important; width: 100% !important; z-index: 2 !important; } .products li:hover, .related .products li:hover { transform: translateY(-5px) !important; box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important; z-index: 3 !important; } /* PRODUCT CONTENT LAYOUT */ .woocommerce-LoopProduct-link, .products a.woocommerce-LoopProduct-link { display: flex !important; flex-direction: column !important; text-decoration: none !important; color: inherit !important; flex: 1 !important; height: 100% !important; } .products img, .related .products img { width: 100% !important; height: 200px !important; object-fit: cover !important; display: block !important; flex-shrink: 0 !important; } .woocommerce-loop-product__title, .products h2, .products .woocommerce-loop-product__title { font-size: 16px !important; font-weight: 600 !important; margin: 15px !important; color: #333 !important; line-height: 1.4 !important; min-height: 50px !important; flex-grow: 1 !important; } .products .price, .related .products .price { font-size: 18px !important; font-weight: bold !important; color: #00B3AD !important; margin: 8px 15px !important; flex-shrink: 0 !important; } .product_type_external, .products .button, .products a.button { display: block !important; width: calc(100% - 30px) !important; margin: 0 15px 15px 15px !important; padding: 10px !important; background: #FF6B1A !important; color: white !important; text-align: center !important; text-decoration: none !important; border-radius: 4px !important; font-weight: 600 !important; transition: background-color 0.3s ease !important; border: none !important; cursor: pointer !important; flex-shrink: 0 !important; } .product_type_external:hover, .products .button:hover, .products a.button:hover { background: #E55A15 !important; color: white !important; text-decoration: none !important; } /* Hide the price comparison tables in related products */ .related .products .cegg5-container, .products .cegg5-container { display: none !important; } /* Text utilities */ .text-body { color: #333 !important; } .text-decoration-none { text-decoration: none !important; } /* Container utilities */ .container { width: 100%; max-width: 100%; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .mb-5 { margin-bottom: 3rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mb-0 { margin-bottom: 0 !important; } .p-0 { padding: 0 !important; } .ps-2 { padding-left: 0.5rem !important; } /* Column utilities */ .col-4 { width: 33.333333%; } /* Hide empty notices */ .woocommerce-notices-wrapper:empty { display: none; } /* Mobile Responsive */ @media (max-width: 768px) { .woocommerce div.product, div.product, #product-1461 { grid-template-columns: 1fr !important; gap: 20px !important; } .summary.entry-summary, .summary, .entry-summary { padding-left: 0 !important; grid-column: 1 !important; } .product_title, .product_title.entry-title, h1.product_title { font-size: 24px !important; } .price { font-size: 20px !important; color: #00B3AD !important; } .wc-tabs, .tabs { flex-wrap: wrap !important; } .wc-tabs a, .tabs a { padding: 10px 15px !important; font-size: 14px !important; } .products, .
6.59 $
Available in a range of grayscale shades, Derwent Charcoal XL Blocks feature a chunky, rectangular format that opens them up to a wide range of textures and effects. - Derwent Charcoal XL Block - Ultra Black
Available in a range of grayscale shades, Derwent Charcoal XL Blocks feature a chunky, rectangular format that opens them up to a wide range of textures and effects. - Derwent Charcoal XL Block - Ultra Black
Reviews
There are no reviews yet.