Что такое 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;
} }