P
(@peterolle)
Agrega !important al estilo, por ejemplo:
margin-left: 20.5%!important;
Saludos.
Gracias Peter, el !important me ha solucionado las páginas de eventos e incluso el calendario, que es lo que necesitaba, pero me modifica también la página de inicio:
http://www.fcpe2014.es
Aquí me varía hasta el ancho de la columna derecha.
Lo podría solucionar de alguna manera? En las otras páginas es el resultado que busco.
Gracias.
P
(@peterolle)
Tienes que aplicar el CSS solo a la parte de la barra lateral y no a todo el sitio. Identifica la clase que utiliza lo que quieres modificar y solo aplica el CSS a esa clase.
Saludos.
Gracias Peter.
Creo que la clase sería:
.yui-t3 #yui-main .yui-b, .yui-t2 #yui-main .yui-b {
margin-left: 20.5%;
}
Pero en la estructura encuentro:
bd {
margin: 15px auto;
}
.yui-t2 #yui-main .yui-b {
margin-left:16.2461em;
}
.yui-t4 #yui-main .yui-b {
margin-right:16.2461em;
}
.yui-t2 .yui-b,.yui-t4 .yui-b {
width:15.6em;
}
.yui-t2 .main-content {
width:70%;
float:left;
}
.yui-t2 .sidebar {
width:26.5%;
float:right;
}
.teaser_box {
margin-top:30px;
}
.hfeed .teaser_box .post {
width: 47.6%;
}
.hfeed .teaser_box .right_box {
margin-left:15px;
}
.rounded {
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
Si en alguna de estas modifico e incluyo el valor: 0 !important, este se modifica como si estuviera al final de style.css
Si en Chrome identifico el elemento este es:
<div id=»content» class=»yui-b hfeed rounded»>
P
(@peterolle)
Así viendo rápido, prueba esto:
div#content.yui-b.hfeed.rounded {
margin: 0;
}
La verdad es que hay que revisar bien toda la web y sus estilos, pero el como solucionarlo es justo como te digo, aplicando los estilos CSS correctos a lo que necesitas.
Saludos.
Muchas gracias Peter, funciona muy bien. La página de Inicio la respeta y tanto la página con el evento y la del calendario se ajustan al ancho total de la página.
Saludos y gracias de nuevo.
P
(@peterolle)
De nada, por favor marca el tema como resuelto.
Saludos.
