Eliminar espacio feo entre widgets de barra lateral fácilmente

  • Autor Autor Don Michi
  • Fecha de inicio Fecha de inicio
Don Michi

Don Michi

Préstamo
No recomendado
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Hola amigos... Alguien me puede decir como puedo eliminar este espacio feisimo entre los widgets de la barra lateral?
20201112_013131.jpg


Mi página web es 👉 Packs Pro

Theme generatepress
 
Ve el personalizador de WordPress y escrib el siguiente código:

.widget .inner-padding .widget_text{
margin-bottom: 10px;
padding-bottom: 10px;
}

Copia tal cual y verás el cambio.

Me sorprende que GeneratePress tengo esos estilos.

Luego comentas a ver cómo quedo el tema.
 
Los puntos antes de .widget no están por capricho.

Es decir, debes colocarlos, puesto que indican el selectro Class de Css.
 
Ve el personalizador de WordPress y escrib el siguiente código:

.widget .inner-padding .widget_text{
margin-bottom: 10px;
padding-bottom: 10px;
}

Copia tal cual y verás el cambio.

Me sorprende que GeneratePress tengo esos estilos.

Luego comentas a ver cómo quedo el tema.
Broo sigue igual

Screenshot_20201112-092119_Chrome.webp
Screenshot_20201112-092151_Chrome.webp


Con o sin el primer punto me aparece igual broo
 
Los puntos antes de .widget no están por capricho.

Es decir, debes colocarlos, puesto que indican el selectro Class de Css.
Broo tambien me puedes ayudar a quitar el fondo blanco para pasarlo a negro?
 
A ver, he vuelto a inspeccionar tu página y los valores no han cambiado, es decir, es como si no hubieras hecho nada.
Pro.webp
px;

.widget .inner-padding .widget_text{
margin-bottom: 10px;
padding-bottom: 5px;

}

Ahí se ve como se reduce el espacio entre el canal de Telegram y la palabra categoría.

Le baje a 5px el padding-bottom.
 
Broo tambien me puedes ayudar a quitar el fondo blanco para pasarlo a negro?
Eso llevaría mucho tiempo, puesto que además de cambiar el color del fondo, habría que cambiar el color del texto.

Y asegurar que todo queda funcionando bien.
 
Prueba con esto:

body{
background-color: #000000;
color: #ffffff;
}
h1, h2, h3, h4, h5, h6{
color: #ffffff;
}

A ver si funciona todo bien.
 
Ve el personalizador de WordPress y escrib el siguiente código:

.widget .inner-padding .widget_text{
margin-bottom: 10px;
padding-bottom: 10px;
}

Copia tal cual y verás el cambio.

Me sorprende que GeneratePress tengo esos estilos.

Luego comentas a ver cómo quedo el tema.
Con espacio entre los class no va a funcionar, debe de ser .widget.inner-padding.widget_text (sin espacios) para referenciar en al elemento con multiples classes. Igual el elemento .widget tiene un tremendo padding de 40px
 
El código corrrecto era/es:

.widget-area .widget {
padding: 5px;
}


Con eso la separación entre los widgets se ha reducido.
 
Valeeee broo... Claro disminuyó
 
Atrás
Arriba