改变侧边栏宽度的 CSS 是什么？

【问题标题】：What is the CSS to change the width of sidebar?改变侧边栏宽度的 CSS 是什么？
【发布时间】：2020-01-31 09:58:27
【问题描述】：

我想更改右侧边栏的宽度。右侧空间太大，与左侧/中心的主要信息/图像太近。

我已经查看了这里的所有答案并尝试了所有 css 建议。它们不会产生任何运动或变化。

网站页面图片链接：

https://ibb.co/R2Cfvvv

【问题讨论】：

你的页面的 css/html 是什么？
请阅读How to Ask、minimal reproducible example和meta.stackoverflow.com/questions/254428/…（是的，我知道您没有发布指向您网站的链接，您甚至设法提供了less 有用的信息。）
你能告诉我如何在这里为我的页面提供 css/html 吗？
@Christal 至少你需要提供网页的 URL
对不起。 kenkoroot.com/?product=fukujurai-tea-loose-leaf

标签： css wordpress woocommerce sidebar

【解决方案1】：

您的主要内容宽度：

@media only screen and (min-width: 768px) {
.col-md-8, .tt_event_page_left, .woocommerce .woocommerce-cart-form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
} }

您的侧边栏内容宽度：

@media only screen and (min-width: 768px) {
.col-md-4, .tt_event_page_right, .woocommerce .cart-collaterals {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
} }

因此，根据您的需要调整值，如果您想向侧边栏添加填充，请添加 padding-left 属性。示例：

@media only screen and (min-width: 768px) {
.col-md-4, .tt_event_page_right, .woocommerce .cart-collaterals {
padding-left: 75px;
} }

【讨论】：

@Christal 很高兴为您提供帮助！如果它解决了您的问题，请将我的回答标记为“已接受”（复选标记）。