woodmart-child/ │ ├── style.css ├── functions.php ├── screenshot.png (optional, theme preview) └── demo/ └── demo-products.html /* Theme Name: WoodMart Child - Webstaurant Style Template: woodmart */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto:wght@400;500&display=swap'); /* === Webstaurant Style CSS === */ body, p, li, span, a { font-family: 'Roboto', sans-serif; color: #333; font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; color: #FF5E2B; font-weight: 600; } body { background-color: #ffffff; } .section-alt { background-color: #FAFAFA; padding: 60px 20px; } a { color: #FF5E2B; text-decoration: none; } a:hover { color: #e24d1e; } button, .btn, input[type="submit"] { background-color: #FF5E2B; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; border: none; padding: 12px 24px; border-radius: 20px; cursor: pointer; transition: background 0.3s ease; } button:hover, .btn:hover, input[type="submit"]:hover { background-color: #e24d1e; } /* Product Grid */ .product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 40px 0; } .product-card { border: 1px solid #eee; padding: 15px; background: #fff; border-radius: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-card:hover { transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .product-card img { width: 100%; border-radius: 8px; margin-bottom: 10px; } .product-card h3 { font-size: 16px; font-weight: 600; color: #333; margin: 10px 0; } .product-card .price { font-weight: 700; color: #FF5E2B; margin-bottom: 10px; } .product-card .bulk-info { font-size: 14px; color: #666; margin-bottom: 10px; } .product-card .btn { width: 100%; text-align: center; } /* Responsive */ @media screen and (max-width: 1200px) { .product-grid { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 900px) { .product-grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 600px) { .product-grid { grid-template-columns: 1fr; } }