-
Posts
-
Hola Josué!
Te escribo para ver si me puedes ayudar con esta página: http://www.adw.cl/home-prueba/
Lo que deseo es que desaparezcan los márgenes blancos arriba y abajo, junto con la barra de scroll de lateral derecha, para que la imagen esté perfectamente calzada entre Header y Scoket.
Recordar que el Header y el Socket yo los hice más delgados vía CSS, lo que puede indicar que el espacio blanco aún corresponde a alguna propiedad de los mismos que yo no haya ajustado.
Favor tu valiosa ayuda!!
Muchas gracias
JoséJosué, incorporé este codigo en el Quick CSS
body {
margin-top: -27px;
}Y soluciona lo del margen superior, pero la parte de abajo sigue haciendo scroll…
Además, modifica el margen en todas las páginas del sitio.
2 Preguntas:
1. Cómo hago para que aplique el CSS sólo al Home?
2. Cómo elimino el margen inferior?Gracias!!
Hola Josué, no me funciona del todo, a ver si me puedes ayudar.
En esta página: http://www.adw.cl/prueba/
Si inspecciono el elemento Slider, llego a este CSS:
<!– START REVOLUTION SLIDER 4.1 fullscreen mode –>
<div style=”position:relative;width:100%;height:auto;margin-top: -17px;margin-bottom: -17px;” class=”forcefullwidth_wrapper_tp_banner”>El cual al modificar sus propiedades margin-top y margin-bottom a -17px, lo deja calzado arriba y abajo.
Esto consigue el efecto deseado.Sin embargo desconozco como referenciar esto en mi Quick CSS. He intentado
.forcefullwidth_wrapper_tp_banner {
margin-top: -17px;
}
Pero no funciona….Alguna idea de cómo hacerlo?
Muchas Gracias!!
JoséHola,
Prueba con esto:
.template-page.content.twelve.alpha.units { padding: 0 !important; }Saludos,
JosueJosué, disculpa, sólo un detalle: cómo elimino que aparezca la barra de scroll lateral en http://www.adw.cl/prueba/?
Gracias!
Hola Josué, funciona, pero ahora las páginas no hacen scroll, ejemplo: http://www.adw.cl/the-angels-share-2012/
Es posible dejarlo asociado sólo al Homepage?
Saludos!!
JoséPrueba a cambiar la regla a esto:
body.page-id-3236 { overflow-x: hidden; }El asunto es que solo puedes apuntar al elemento body de una pagina especifica (home), mas no al html, ya que este no lleva ninguna clase de identificacion.
Si no te funciona, lo que podrias hacer es incluir en el contenido de esa pagina (dentro de un Bloque de Texto), algo como:
<style>html, body{ overflow-x: hidden; }</style>Saludos,
Josue.Gracias Josué, pero no parece funcionar ninguna de las dos alternativas.
Esta página usa el Blank Template, es posible hacer algo a nivel de CSS o PHP de dicha página, de modo que todas las páginas que hereden este template tengan esta propiedad seteada de esta manera?
Gracias de nuevo
Saludos
JoséHola,
Prueba con esto, ponlo en el contenido del Page mientras estas en la pestaña Texto:
<style>html, body{ overflow-y: hidden !important; }</style>
Saludos,
Josue
- The topic ‘Calce perfecto de Imagen Full Width en el Homepage’ is closed to new replies.