css Shopify黎明主题-减小页脚大小

sz81bmfz 于 2023-03-05 发布在其他

关注(0)|答案(2)|浏览(128)

我正在创建我的网站，并使用黎明的主题，从Shopify。
我想减少页脚的大小，因为它看起来太高：
（https://i.stack.imgur.com/2tHGT.png）
我尝试在section-footer.css中使用这段代码，但没有看到任何变化：

@media screen and (min-width: 750px) {
.footer-block__details-content {
    column-count: 3;
}
}

我现在已经把这段代码添加到section-footer.css中，但是什么也没发生：

css

来源：https://stackoverflow.com/questions/75562649/shopify-dawn-theme-reduce-footer-size

2条答案

按热度按时间

4c8rllxm1#

修改.footer类的CSS

@media screen and (min-width: 750px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

赞(0）回复(0）举报 2023-03-05

z3yyvxxp2#

这段代码对我很有效：

@media screen and (min-width: 750px) {
    .footer {
        padding-top: 20px !important;
    }
    .footer__content-top {
        padding-bottom: 20px;
    }
    .footer__content-bottom {
        padding-top: 0;
    }
    .product--large:not(.product--no-media) .product__media-wrapper {
        max-width: 55%;
    }
    .product-media-container.constrain-height.media-fit-contain {
        width: 100%;
    }
    .product--large:not(.product--no-media) .product__info-wrapper {
        max-width: 45%;
    }
    .product__title h1 {
        font-size: 3.5rem;
    }
}

赞(0）回复(0）举报 2023-03-05

我来回答

css Shopify黎明主题-减小页脚大小

2条答案

相关问题

热门标签

最新问答