CSS 改变侧边栏的宽度是多少?
What is the CSS to change the width of sidebar?
我想更改右侧边栏的宽度。右边 space 太多,离 left/center 上的主要 information/images 太近了。
我查看了此处的所有答案并尝试了所有 css 建议。它们不会产生任何运动或变化。
Link 到站点页面的图像:
您的主要内容宽度:
@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;
} }
我想更改右侧边栏的宽度。右边 space 太多,离 left/center 上的主要 information/images 太近了。
我查看了此处的所有答案并尝试了所有 css 建议。它们不会产生任何运动或变化。
Link 到站点页面的图像:
您的主要内容宽度:
@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;
} }