Avisos
Vaciar todo

Cambiar fondo area de contenido

9 Respuestas
5 Usuarios
0 Reactions
1,473 Visitas
Pedro
Respuestas: 98
Trusted Member
Topic starter
 

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


 
Respondido : 26/01/2015 11:54 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Yo visualizo transparencia, no se si lo haz solucionado.


 
Respondido : 27/01/2015 12:30 am
Pedro
Respuestas: 98
Trusted Member
Topic starter
 

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


 
Respondido : 27/01/2015 9:28 am
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 27/01/2015 11:18 am
Pedro
Respuestas: 98
Trusted Member
Topic starter
 

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,


 
Respondido : 27/01/2015 12:10 pm
Lorena
Respuestas: 1698
Noble Member 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.


 
Respondido : 27/01/2015 12:20 pm
Pedro
Respuestas: 98
Trusted Member
Topic starter
 

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,


 
Respondido : 27/01/2015 4:52 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

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

Saludos.


 
Respondido : 27/01/2015 6:00 pm
Pedro
Respuestas: 98
Trusted Member
Topic starter
 

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


 
Respondido : 27/01/2015 6:09 pm