Quiero cambiar el ancho de la barra lateral de la derecha. Hay demasiado espacio a la derecha y está demasiado cerca de la información / imágenes principales a la izquierda / centro.

Revisé todas las respuestas aquí y probé todos los consejos de CSS. No producen movimiento ni cambio alguno.

Enlace a la imagen de la página del sitio:

https://ibb.co/R2Cfvvv

-4
Christal 2 oct. 2019 a las 09:18

1 respuesta

La mejor respuesta

Su ancho de contenido principal:

@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%;
} }

Ancho del contenido de la barra lateral:

@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%;
} }

Así que ajuste los valores a sus necesidades y si desea agregar relleno a la barra lateral, agregue la propiedad padding-left. Ejemplo:

@media only screen and (min-width: 768px) {
.col-md-4, .tt_event_page_right, .woocommerce .cart-collaterals {
padding-left: 75px;
} }
1
Andrey 2 oct. 2019 a las 07:55