Hola,
He colocado un slider a pantalla completa y no soy capaz de cambiar el fondo del area de contenido. Lo tengo transparente, sin embargo mirando el Style.css no parecen coincidir los colores:
/*
Content Area
---------------------------------------------------------------------------------------------------- */
/* Entries
--------------------------------------------- */
.entry {
margin-bottom: 60px;
}
.archive .content .entry,
.home .content .entry,
.page-template-page_blog-php .content .entry {
border-bottom: 2px solid #eee;
}
.entry-content a {
color: #e8554e;
}
.entry-content a:hover {
color: #222;
}
¿Es este el código que tengo que tocar?
Saludos,
URL del sitio: Contenido solo visible a usuarios registrados
Hola Jhonny,
No, no lo he solucionado, el área de contenido debería tener un fondo blanco para facilitar la lectura.
Saludos
Hola,
Edita el archivo wp-content/themes/magazine-pro/style.css y localiza el siguiente código:
.site-inner { clear: both; padding-top: 40px; }
Prueba aquí a añadir el fondo blanco. Es decir, te tendría que quedar así:
.site-inner { clear: both; padding-top: 40px; background: #fff; }
Verás que de esta forma el texto se queda pegado al border blanco. Para mejorar el diseño podrías probar a dejarlo así:
.site-inner { clear: both; padding: 20px; background: #fff; }
De todas formas ten en cuenta que en algunas partes de la web esto puede que no quede bien o que directamente no funcione. Quizá sería mejor solución que te plantearas utilizar alguna plantilla que ya tuviera una imagen de fondo integrada en lugar de añadirlo a un tema que parece que no está pensado para tener este diseño.
Gracias Pablo,
Funciona bien, el único problema es como darle margen izquierdo a todos los elementos. Puedo hacerlo uno por uno (texto, headers, etc.), pero no se si hay alguna manera de dar el margen a todo por defecto.
Saludos,
Hola Pedro,
Veo que has puesto el primer código que te indicó Pablo, el que sólo establece el espacio desde el top, pero no el que te ponía después para mejorar el diseño (con la propiedad padding a 20px )
.site-inner { clear: both; padding: 20px; background: #fff; }
Si no, también puedes añadir al código que tienes actualmente lo siguiente:
padding-left: 20px;
Con este código establece el espacio en 20 px pero puedes poner el valor que prefieras.
Un saludo.
Gracias Lorena,
Con este último código queda resuelto el margen de la izquierda, sin embargo no me funciona el margen de la derecha a pesar de haberlo indicado en el código:
.site-inner {
clear: both;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
background: #fff;
opacity:0.8;
Saludos,
Hola
Actualmente lo veo correctamente, puedes indicar exactamente a que margen te refieres, envía alguna captura de pantalla
Saludos.
Ups!
Pues tienes razón Jhon, el margen es correcto, quizás estaba estaba viendo en caché. Disculpas!
Gracias Jhon, Lorena, Pablo, Jhonny
Saludos,