Problema de margens com CSS em um site de WordPress

vicarlone · 18/09/2015

Hola gente, estoy con un problema en un sitio y me siento un idiota por no poder hacer que los márgenes de los div del Visual Composer no ocupen el 100% del ancho del sitio.

Veo que tengo varias ids y clases para por ejemplo "page" y "single", pero no puedo encontrar la forma de hacer que el ancho de la página ocupe el 100% y el contenido se mantenga en los mismos márgenes que tengo ahora. Es un theme de MyThemeShop y recuerdo haber visto la estructura de los demás themes de ellos y todos tienen el mismo "problema" por así decirlo.

Tengo el theme corriendo aquí: MAI S.A. | Just another WordPress site

Si alguien me puede guiar un poco o me puede ayudar, sería genial. Gracias por cierto 😉

- - - Actualizado - - -

Se que el error está en la estructura de cómo está maquetado el HTML. Ya he cambiado algunas clases e IDs pero no he podido dar con el resultado. Lo que está subido ahora es el archivo de los estilos originales del theme.

Angel Benites · 18/09/2015

Te refieres a esto?

HTML:

.container {
    max-width: 1170px;
    min-width: 240px;
}

krusty72 · 18/09/2015

Del link que pusiste, cuál es el problema?

lombervid · 18/09/2015

La verdad no entendí que es lo que quieres hacer :topsy_turvy:. Si pudieras explicar mejor quizá te pueda ayudar.

Saludos.

dmenor69 · 18/09/2015

lombervid disse:
La verdad no entendí que es lo que quieres hacer :topsy_turvy:. Si pudieras explicar mejor quizá te pueda ayudar.

Saludos.

Lo mismo que el compañero, si pudieras explicarte un poco mejor te podríamos ayudar :ambivalence:

kanikase · 19/09/2015

Pon una captura :s

vicarlone · 19/09/2015

Subo las capturas para que vean, suponiendo que las barras de color violeta/azul son las barras en las que quiero que se encuentre el contenido, les muestro una imagen de como está ahora: http://i.imgur.com/GGLR5wP.jpg

Y una imagen de como es que lo necesito: http://i.imgur.com/Ph16s3R.jpg

Que tendría que modificar del CSS en MAI S.A. | Just another WordPress site para que quede como enseño en la segunda imagen?

Los cito, y por cierto, gracias a todos ustedes por su interes [MENTION=81006]kanikase[/MENTION] [MENTION=137423]dmenor69[/MENTION] [MENTION=8317]lombervid[/MENTION] [MENTION=2092]krusty72[/MENTION] [MENTION=43377]CrewArty[/MENTION]

Angel Benites · 19/09/2015

mashe disse:
Subo las capturas para que vean, suponiendo que las barras de color violeta/azul son las barras en las que quiero que se encuentre el contenido, les muestro una imagen de como está ahora: http://i.imgur.com/GGLR5wP.jpg

Y una imagen de como es que lo necesito: http://i.imgur.com/Ph16s3R.jpg

Que tendría que modificar del CSS en MAI S.A. | Just another WordPress site para que quede como enseño en la segunda imagen?

Moviste algo verdad ahora último, porque asi no estaba. parece que quitaste el max-width y min-width. Si es así ponlos de nuevo, y recien podre decirte que debes mover.

vicarlone · 19/09/2015

CrewArty disse:
Moviste algo verdad ahora último, porque asi no estaba. parece que quitaste el max-width y min-width. Si es así ponlos de nuevo, y recien podre decirte que debes mover.

De hecho, agregué unos max-width y min-width en la clase "single", que me señaló un usuario del foro. Ya las quito para que puedas verlo mejor.

lombervid · 19/09/2015

Para hacer eso tienes que tener un contenedor con 100% con el background y otro con el tamaño que quieras centrado. Algo asi:

por ejemplo puedes tener:

PHP:

.w100 {
    width: 100%;
}
.main {
    width: 100%;
    max-width:980px;
    margin: 0 auto;
}
.yellow {
    background: #DD9933;
}
.gray {
    background: #4F4F4F;
}

PHP:

<div class="w100 yellow">
    <div class="main">
        Contenido con fondo amarillo
    </div>
</div>
    
<div class="w100 gray">
    <div class="main">
        Contenido con fondo gris
    </div>
</div>

A Pen by lombervid

dmenor69 · 19/09/2015

Estoy de acuerdo con lombervid, esa sera la manera mas facil de realizarlo

Problema de margens com CSS em um site de WordPress

mashe

Angel Benites

krusty72

lombervid

dmenor69

kanikase

mashe

Angel Benites

mashe

lombervid

dmenor69

Tópicos similares