Avisos
Vaciar todo

Cambiar fondo area de contenido  

 
Pedro
 Pedro
Usuario experto

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

Citar
Respondido : 26/01/2015 11:54 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Yo visualizo transparencia, no se si lo haz solucionado.

ResponderCitar
Respondido : 27/01/2015 12:30 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pedro
 Pedro
Usuario experto

Hola Jhonny,
No, no lo he solucionado, el área de contenido debería tener un fondo blanco para facilitar la lectura.
Saludos

ResponderCitar
Respondido : 27/01/2015 9:28 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

ResponderCitar
Respondido : 27/01/2015 11:18 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Pedro
 Pedro
Usuario experto

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,

ResponderCitar
Respondido : 27/01/2015 12:10 pm
Lorena
 Lorena
Miembro Moderator

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.

ResponderCitar
Respondido : 27/01/2015 12:20 pm

Pedro
 Pedro
Usuario experto

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,

ResponderCitar
Respondido : 27/01/2015 4:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente lo veo correctamente, puedes indicar exactamente a que margen te refieres, envía alguna captura de pantalla

Saludos.

ResponderCitar
Respondido : 27/01/2015 6:00 pm

Cursos Gratuitos WordPress

Pedro
 Pedro
Usuario experto

Ups!
Pues tienes razón Jhon, el margen es correcto, quizás estaba estaba viendo en caché. Disculpas!
Gracias Jhon, Lorena, Pablo, Jhonny
Saludos,

ResponderCitar
Respondido : 27/01/2015 6:09 pm