更改侧边栏宽度的 CSS 是什么?

Question

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

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

链接到网站页面的图像：

https://ibb.co/R2Cfvvv

Answer 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;
} }