¿Cómo eliminar el padding de los lados izquierdo y derecho?

15 oct 2015, 14:31:49
Vistas: 34K
Votos: 1

Estoy usando Make Theme BB Theme Foundry. Quiero eliminar el padding de ambos lados captura de pantalla de padding lateral

Agregué este código al archivo style.css bajo la etiqueta body

{
    margin-left: 0px;
    margin-right: 0px;
}

luego probé este código y no pasó nada.

body { padding:0; }
1
Comentarios

esta no es una pregunta sobre WordPress y sería mejor hacerla en stackoverflow, que trata temas de html/css... También necesitarías proporcionar una URL para que quienes comenten tengan algo con lo que trabajar.

Gareth Gillman Gareth Gillman
15 oct 2015 16:13:18
Todas las respuestas a la pregunta 1
3

Utiliza las herramientas de desarrollador en tu navegador (como el inspector en Chrome o Firebug en Firefox) para ver de dónde proviene el relleno (padding).

O el padding está aplicado a algo distinto del body, o está aplicado al body pero sigue sobrescribiendo tu CSS. Por ejemplo:

body.class {
    padding: 20px;
}

Sobrescribiría tu CSS. O bien:

body {
    padding: 20px;
}

Declarado después de tu CSS también lo sobrescribiría.

Actualización:

Usando las herramientas de desarrollador puedes ver dónde se aplica el padding. El padding del encabezado proviene del div .container, como puedes ver aquí:

Herramientas de desarrollador mostrando el padding en .container

El padding en el body proviene de 2 lugares, el div .site-content y luego el div .container, como puedes ver aquí:

Herramientas de desarrollador mostrando padding en .site-content Herramientas de desarrollador mostrando padding en .container

Cómo eliminas (o reduces) este padding depende de cómo estés editando el CSS. Si estás trabajando en el archivo principal style.css, entonces necesitas cambiar el CSS para .container en la línea 471 y .site-content en la línea 1265. Puedes ver el archivo y número de línea del CSS en la parte superior derecha del CSS en las herramientas de desarrollador.

Puedo ver que el tema también tiene CSS personalizado, así que si usas eso, necesitas agregar esto al CSS personalizado:

.container, .infinite-footer-container, .page-template-template-builder-php .entry-content > .twitter-share {
    padding: 0 10px;
}
.site-content {
    padding: 0;
}

Obviamente cambia el padding al valor que desees.

Espero que eso ayude (y que todo tenga sentido).

15 oct 2015 16:02:29
Comentarios

Lamento mucho la respuesta tardía porque la fuente de alimentación de mi PC estaba dañada. Bien, ahora al tema: el sitio web es http://chiku.pe.hu/

chiku chiku
17 oct 2015 23:00:15

Lo que intenté fue eliminar el espacio blanco del encabezado. Añadí {margin left: -10px;} este código al div del encabezado y logré eliminar el espacio del lado izquierdo, pero el problema es que aparece un espacio de color gris en el lado derecho. Imagen aquí http://s29.postimg.org/3lgj9jy3b/untitled.jpg

chiku chiku
17 oct 2015 23:08:29

El problema con usar márgenes negativos es que básicamente estás desplazando el encabezado hacia la izquierda, por eso se muestra el fondo gris en la derecha. Actualizaré mi respuesta sobre cómo eliminar el relleno ahora

Cai Cai
18 oct 2015 10:37:41