我正在修改 Shopify 模板，但我的 CSS 知识有限，而且我已经被这个问题困扰了几个小时。
当我将 margin: 3rem 0; 放入 .slick-slider 时，它可以工作，但每当页面加载时，卡片堆都会跳转到新位置。
当我将 margin: 3rem 0; 放入 .featured-products 时，卡片堆保持在它们的位置，但像第一张照片一样停止发光。此外，当我将 top: -30px; 放入 .widget-title 时，标题会消失。
如果你能告诉我如何让它工作，我真的很感激！
答案 0 :(得分：1)
您正在寻找填充，而不是边距。
我导航到您的标志并使用您提供的登录凭据，在 chrome 开发工具中为卡片添加了一些 padding-top，并且发光在顶部有更多空间。
特别是：
Cannot convert value of type '_ConditionalContent<Text, Text>' to specified type 'Text'这里，.grid-item 指的是 .products-grid 的子项。